Pertanyaan Klien Memeriksa ukuran file menggunakan HTML5?


Saya mencoba menunggangi wave HTML5 tetapi saya menghadapi masalah kecil. Sebelum HTML5 kami memeriksa ukuran file dengan flash tetapi sekarang trennya adalah menghindari penggunaan flash di aplikasi web. Apakah ada cara untuk memeriksa ukuran file di sisi klien menggunakan HTML5?


76
2017-11-06 09:26


asal


Jawaban:


Ini bekerja. Tempatkan di dalam pendengar acara ketika masukan berubah.

if (typeof FileReader !== "undefined") {
    var size = document.getElementById('myfile').files[0].size;
    // check file size
}

116
2017-11-29 20:38



Jawaban yang diterima benar-benar benar, tetapi Anda harus mengikatnya ke pendengar acara sehingga akan memperbarui kapan saja masukan file diubah.

document.getElementById('fileInput').onchange = function(){
    var filesize = document.getElementById('fileInput').files[0].size;
    console.log(filesize);    
}

Jika Anda menggunakan pustaka jQuery maka kode berikut mungkin berguna

$('#fileInput').on('change',function(){
  if($(this).get(0).files.length > 0){ // only if a file is selected
    var fileSize = $(this).get(0).files[0].size;
    console.log(fileSize);
  }
});

Mengingat bahwa konversi fileSize untuk ditampilkan di mana metrik yang pernah ada terserah Anda.


25
2017-07-20 18:53



Fie api HTML5 mendukung untuk memeriksa ukuran file.

baca artikel ini untuk mendapatkan info lebih lanjut tentang file api

http://www.html5rocks.com/en/tutorials/file/dndfiles/

<input type="file" id="fileInput" />


var size = document.getElementById("fileInput").files[0].size;

API juga memberikan nama dan jenis file.


7
2017-08-31 05:27



Secara pribadi, saya akan memilih format ini:

    $('#inputFile').bind('change', function(e) {
      var data = e.originalEvent.target.files[0];
      // and then ...
      console.log(data.size + "is my file's size");
      // or something more useful ...
      if(data.size < 500000) {
        // what your < 500kb file will do
      }
    }

3
2017-10-04 14:52



"tidak ada solusi lintas-browser sederhana untuk mencapai ini": Mendeteksi ukuran unggah file di sisi klien?


2
2017-11-06 09:35



Uploadify dapat mengunggah file dengan HTML5. Juga ada versi flash.

Anda dapat mengatur batas ukuran file, dengan 'fileSizeLimitparameter.


-2
2018-01-09 04:27