要獲得文件上傳的價值

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;