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
Lepaskan: 2024-12-03 19:40:10
asal
764 orang telah melayarinya

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;
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan