Bagaimanakah Saya Boleh Semak Saiz Fail Sebelum Memuat naik dengan JavaScript?

Menyemak Saiz Fail Sebelum Muat Naik dalam JavaScript

Dengan fungsi lanjutan JavaScript, anda boleh mengesahkan saiz fail sebelum memuat naik. Ini memastikan pematuhan kepada kekangan saiz, menghalang isu sebelah pelayan atau kekecewaan pengguna disebabkan saiz fail yang besar.

Penyelesaian: API Fail

API Fail menyediakan mudah cara untuk berinteraksi dengan fail di sisi klien. Berikut ialah contoh praktikal:

document.getElementById("btnLoad").addEventListener("click", function showFileSize() {
  // Check for browser support
  if (!window.FileReader) {
    console.log("File API not supported");
    return;
  }

  var input = document.getElementById("fileinput");

  // Check for selected file
  if (!input.files || !input.files[0]) {
    addPara("Select a file first");
  } else {
    var file = input.files[0];
    addPara("File " + file.name + " is " + file.size + " bytes in size");
  }
});

Skrip ini:

1. Mendengar klik pada butang "Muat".
2. Menyemak sokongan API Fail dan memberi amaran jika tidak tersedia.
3. Mengakses fail yang dipilih daripada elemen.
4. Melog saiz fail dalam badan dokumen.

Dengan menyepadukan skrip ini ke dalam borang muat naik anda, anda boleh menghalang penyerahan fail besar dengan berkesan dan memberikan pengalaman pengguna yang lancar.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Semak Saiz Fail Sebelum Memuat naik dengan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!