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
Lepaskan: 2024-12-15 20:56:16
asal
734 orang telah melayarinya

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.");
  }
});
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan