要获得文件上传的价值

Question

在下面的代码中，我有一个动态文件上传，我想要获得价值。请帮助我获得价值。

var counter = 0; 
    function AddFileUpload() { 
       var div = document.createElement('DIV'); 
       div.innerHTML = '<input id="file' + counter + '" value="doc" name = "file' + counter + 
     '" type="file" />'; 
    } 

代码：

$("[id^=file]").on("change", function (e) { 

}); 

Answer 1

使用此jQuery代码，如果你有文件作为文件输入控件的ID：

$("#file").on("change", function (e) { 
var file = document.getElementById('file').files[0]; 
}); 

就可以得到该文件的名称和大小as

$("#file").on("change", function (e) { 
    var file = document.getElementById('file').files[0]; 
    var fileName = file.name; 
    var filesize = file.size; 
}); 

Answer 2

与其他类型的输入字段一样，您可以获得输入文件字段的值。在你的情况下，添加这个。

var file1 = $("#file").val(); 

要获取文件的扩展名

var ext1 = file1.split('.').pop().toLowerCase(); 

要获取文件的大小

var size = $("#file")[0].files[0].size;