我正試圖騎HTML5但我面臨一個(gè)小問(wèn)題。在HTML5之前，我們使用flash檢查文件大小，但現(xiàn)在趨勢(shì)是避免在Web應(yīng)用程序中使用Flash。有沒(méi)有辦法使用HTML5檢查客戶(hù)端的文件大小？
3 回答
慕斯709654
TA貢獻(xiàn)1840條經(jīng)驗(yàn) 獲得超5個(gè)贊
這有效。將輸入更改時(shí)，將其放在事件偵聽(tīng)器中。
if (typeof FileReader !== "undefined") {
var size = document.getElementById('myfile').files[0].size;
// check file size
}
LEATH
TA貢獻(xiàn)1936條經(jīng)驗(yàn) 獲得超7個(gè)贊
接受的答案實(shí)際上是正確的，但您需要將其綁定到事件偵聽(tīng)器，以便在文件輸入更改時(shí)更新。
document.getElementById('fileInput').onchange = function(){
var filesize = document.getElementById('fileInput').files[0].size;
console.log(filesize);
}
如果您正在使用jQuery庫(kù)，那么以下代碼可能會(huì)派上用場(chǎng)
$('#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轉(zhuǎn)換為顯示的度量標(biāo)準(zhǔn)由您決定。