Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mengesahkan Saiz Fail Sebelum Memuat naik dengan JavaScript?

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

Mary-Kate Olsen
Mary-Kate Olsenasal
2024-12-15 20:56:16813semak imbas

How Can I Verify File Size Before Uploading with JavaScript?

Sahkan Saiz Fail Sebelum Memuat Naik dengan JavaScript

Apabila berurusan dengan muat naik fail, adalah penting untuk memastikan saiz fail memenuhi kekangan tertentu. JavaScript menyediakan penyelesaian yang elegan untuk ini dengan API Fail.

Penyelesaian:

Untuk mengesahkan saiz fail sebelum memuat naik, gunakan kod berikut:

// Setup event listener for 'Load' button click
document.getElementById("btnLoad").addEventListener("click", function () {
  // Verify browser support for FileReader
  if (!window.FileReader) {
    console.log("File API not supported.");
    return;
  }

  // Retrieve the file from the file input
  var input = document.getElementById("fileinput");
  var file = input.files[0];

  // Validate file size
  if (!file) {
    console.log("No file selected.");
  } else {
    console.log("File " + file.name + " is " + file.size + " bytes in size.");
  }
});

Penjelasan:

  • Kod ini menggunakan API FileReader untuk membaca fail dan menentukan saiznya dalam bait.
  • Pengesahan berlaku dalam pendengar acara yang dilampirkan pada butang 'Muat'.
  • Jika fail berjaya diambil dan memenuhi saiz kekangan, nama dan saiz fail dipaparkan dalam konsol.
  • Jika tiada fail dipilih atau penyemak imbas tidak menyokong API Fail, mesej yang sesuai dipaparkan.

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

Kenyataan:
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