Bagaimana untuk Mengesahkan Saiz Input Fail dengan jQuery?

Cara Mengesahkan Saiz Input Fail Menggunakan jQuery

Masalah:

Anda ingin melaksanakan pelaporan ralat pihak klien untuk fail bersaiz besar dalam borang muat naik fail menggunakan jQuery. Anda tertanya-tanya sama ada boleh menyemak saiz fail sama ada secara setempat atau dengan menghantarnya ke pelayan.

Jawapan:

Sementara akses fail langsung tidak tersedia untuk JavaScript, API Fail HTML5 mendedahkan pelbagai sifat fail, termasuk saiz fail.

Penyelesaian untuk Penyemak Imbas Moden (Mematuhi HTML5):

<code class="html"><input type="file" id="myFile" /></code>

<code class="javascript">$('#myFile').bind('change', function() {
  alert(this.files[0].size); // Gets the file size in bytes
});</code>

Sokongan untuk Penyemak Imbas Lama:

Pelayar lama mungkin tidak menyokong API Fail. Sahkan sokongan sebelum menggunakan kod:

<code class="javascript">if (window.File && window.FileReader && window.FileList && window.Blob) {
  // File API support detected, continue with the solution above
} else {
  // Fallback handling for older browsers
  // (e.g., display an error message or implement custom file size validation)
}</code>

Atas ialah kandungan terperinci Bagaimana untuk Mengesahkan Saiz Input Fail dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!