javascript - 客戶端使用HTML5檢查文件大小?




3 Answers

接受的答案實際上是正確的,但是您需要將其綁定到事件偵聽器,以便在更改文件輸入時更新它。

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

如果您使用jQuery庫,那麼下面的代碼可能會派上用場

$('#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);
  }
});

考慮到將fileSize轉換為顯示哪個度量標準取決於您。

javascript html5 file-upload

我正在嘗試HTML5 wave,但我面臨一個小問題。 在HTML5之前,我們正在使用Flash檢查文件大小,但現在趨勢是避免在Web應用程序中使用Flash。 有什麼方法可以使用HTML5檢查客戶端的文件大小嗎?




就個人而言,我會選擇這種格式:

    $('#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
      }
    }



Uploadify可以使用HTML5上傳文件。 還有一個Flash版本。

您可以使用' fileSizeLimit '參數設置文件大小限制。




Related