Rumah >hujung hadapan web >tutorial js >Bagaimana untuk Mengubahsuai FileList dan FormData secara Program untuk Muat Naik Fail?

Bagaimana untuk Mengubahsuai FileList dan FormData secara Program untuk Muat Naik Fail?

Susan Sarandon
Susan Sarandonasal
2024-12-03 19:40:10726semak imbas

How to Programmatically Modify FileList and FormData for File Uploads?

Cara Mengubah suai FileList dan FormData dengan Fail Ditentukan

Menetapkan sifat .files bagi elemen dengan Senarai Fail daripada atau DataTransfer.files membolehkan anda menentukan fail yang hendak dimuat naik. Walau bagaimanapun, pendekatan ini memberikan cabaran:

  • Sifat .files.length kekal pada 0.
  • Objek Fail yang dihantar kepada FormData() mempunyai .saiz 0.

Penyelesaian Menggunakan Pemindahan Data

Pembina DataTransfer mencipta FileList boleh ubah yang boleh diakses melalui DataTransferItemList. Untuk menetapkan fail arbitrari pada FileList, anda boleh menggunakan pendekatan berikut:

const dT = new DataTransfer();
dT.items.add(new File(['foo'], 'programmatically_created.txt'));
inp.files = dT.files;

Di sini, dT ialah objek Pemindahan Data baharu dan inp ialah elemen input anda. Teknik ini membolehkan anda menetapkan fail tertentu, mengemas kini sifat .length FileList dan memastikan bahawa fail ditunjukkan dalam objek FormData.

Atas ialah kandungan terperinci Bagaimana untuk Mengubahsuai FileList dan FormData secara Program untuk Muat Naik Fail?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn