كيفية سحب الملفات وإفلاتها

Thomas Steiner

تتيح واجهات HTML لسحب الملفات وإفلاتها لتطبيقات الويب قبول الملفات المسحوبة والمُفلتة على صفحة ويب. أثناء عملية السحب والإفلات، يتم ربط الملفات والأدلة المسحوبة بإدخالات الملفات وإدخالات الأدلة على التوالي. عند سحب الملفات وإفلاتها في المتصفح، هناك طريقتان للقيام بذلك: الطريقة الحديثة والطريقة الكلاسيكية.

الطريقة الحديثة

استخدام طريقة DataTransferItem.getAsFileSystemHandle() في File System Access API

تعرض طريقة DataTransferItem.getAsFileSystemHandle() وعدًا يتضمّن عنصر FileSystemFileHandle إذا كان العنصر المسحوب ملفًا، ووعدًا يتضمّن عنصر FileSystemDirectoryHandle إذا كان العنصر المسحوب دليلاً. تتيح لك هذه المقابض قراءة الملف أو الدليل والكتابة فيه اختياريًا. يُرجى العِلم أنّ واجهة السحب والإفلات DataTransferItem.kind ستكون "file" لكل من الملفات والأدلة، بينما ستكون File System Access API