Kenapa tidak boleh pemilih fail HTML menerima atribut dengan berkesan menapis fail CSV?

Fail HTML Muat naik Kawalan accept atribut tidak dapat menapis fail CSV dengan berkesan?

Kami sering menggunakannya dalam pembangunan web<input type="file"> Elemen membolehkan pengguna memilih fail untuk dimuat naik. Atribut accept digunakan untuk mengehadkan jenis fail yang boleh dipilih, meningkatkan pengalaman pengguna dan keselamatan. Walau bagaimanapun, harta ini tidak selalu berfungsi dengan sempurna. Artikel ini menganalisis masalah bahawa atribut accept tidak dapat menapis fail CSV dengan betul dan menyediakan penyelesaian.

Masalah: Pemaju berharap untuk hanya membenarkan memuat naik fail XLS, XLSX dan CSV, dan menggunakan jenis MIME yang sepadan: application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv . Walau bagaimanapun, dalam ujian sebenar, fail XLS dan XLSX ditapis secara normal, dan fail CSV masih tersedia.

Contoh kod (contoh kod asal hilang, satu ditambah di sini):

<input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv">

Punca dan penyelesaian:

Atribut accept menyokong jenis MIME dan sambungan fail. Walaupun jenis MIME lebih standard, terdapat perbezaan dalam sokongan penyemak imbas dan parsing jenis MIME, dan beberapa pelayar mungkin tidak cukup ketat dalam mengenal pasti text/csv . Untuk memastikan keserasian penyemak imbas, disarankan untuk menggunakan kedua-dua jenis dan sambungan mime.

Penyelesaian: Tambah .csv Extension dalam Harta accept :

<input type="file" accept=".xls,.xlsx,.csv,application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,text/csv">

Dengan menambah .csv , penyemak imbas dapat lebih tepat mengenal pasti dan menapis fail CSV, menyelesaikan masalah keserasian, dan menyediakan sekatan muat naik yang lebih dipercayai.

Atas ialah kandungan terperinci Kenapa tidak boleh pemilih fail HTML menerima atribut dengan berkesan menapis fail CSV?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!