如何在javascript上传前检查文件大小


how to check file size before upload in javascript

我将此代码用于检查文件类型

// - coursesweb.net
  // get the file name and split it to separe the extension
  var name = el.value;
  var ar_name = name.split('.');

但是现在我想应用这个代码来获取文件大小,我该怎么办?

来自此站点的代码

You can check the filesize by files[0].size

尝试以下操作:

$('#myFile').bind('change', function() {
  //this.files[0].size gets the size of your file.
  alert(this.files[0].size);
});

尝试获取文件大小

document.getElementById('fileid').addEventListener('change', checkFile, false);
function checkFile(e) {
    var file_list = e.target.files;
    for (var i = 0, file; file = file_list[i]; i++) {
        var fileExtension = file.name.split('.')[file.name.split('.').length - 1].toLowerCase();
        var iConvert = (file.size / 1024).toFixed(2);
        txt = "File type : " +fileExtension + "'n";
        if(file.size > (1024 * 1024)){
            txt += "Size: " + (file.size / (1024*1024)).toFixed(2) + " MB 'n";
        } else {
        txt += "Size: " + (file.size / 1024).toFixed(2) + " KB 'n";
        }
        alert(txt);
    }
}

小提琴

如果浏览器支持File API。

if (typeof FileReader !== "undefined") {
    var size = document.getElementById('file_input_field_id').files[0].size;
} else {
    console.log("File API is not supported");
    var size = -1;
}

如果你想在没有文件API的客户端获得文件大小,需要使用闪存。您可以将类似于FileAPI.js的lib用于此

您可以像这样检查文件大小。

假设您的HTML是:

<input type="file" id="file" />
 var size = document.getElementById('file').files[0].size;