Bagaimana untuk Mengesahkan Saiz Fail Sebelum Memuat naik dengan JavaScript?

Cara Mengesahkan Saiz Fail sebelum Memuat Naik Menggunakan JavaScript

Dalam pembangunan web, selalunya perlu untuk mengesahkan fail yang diserahkan pengguna sebelum memuat naiknya ke pelayan. Satu semakan pengesahan penting ialah memastikan saiz fail tidak melebihi had yang ditentukan. JavaScript menyediakan API Fail, yang membolehkan anda memeriksa sifat fail, termasuk saiz.

Untuk mengesahkan saiz fail menggunakan JavaScript, anda boleh menggunakan langkah berikut:

1. Semak Sokongan Penyemak Imbas: Sahkan bahawa API Fail disokong oleh penyemak imbas.
2. Dapatkan Objek Fail: Dapatkan semula objek fail menggunakan elemen.
3. Baca Saiz Fail: Gunakan sifat File.size untuk mendapatkan saiz fail dalam bait.
4. Bandingkan Saiz: Semak jika saiz fail melebihi ambang yang ditetapkan. Jika ya, paparkan mesej ralat atau halang fail daripada dimuat naik.
5. Hasil Paparan: Beritahu pengguna dengan mesej yang sesuai, sama ada menunjukkan pengesahan yang berjaya atau ralat.

Berikut ialah contoh kod JavaScript yang menunjukkan pengesahan saiz fail:

// Get the input element
const input = document.getElementById('fileinput');

// Add event listener for selecting a file
input.addEventListener('change', function() {
  // Verify browser support
  if (!window.FileReader) {
    console.log("File API not supported");
    return;
  }

  // Get the first selected file
  const file = input.files[0];

  // Validate file size
  const maxSize = 5 * 1024 * 1024; // 5MB
  if (file.size > maxSize) {
    alert("File exceeds the maximum size of 5MB");
  } else {
    alert("File size is valid");
  }
});

Oleh melaksanakan pengesahan ini, anda boleh menghalang pengguna daripada memuat naik fail yang terlalu besar, memastikan sumber pelayan tidak digunakan secara berlebihan.

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