如何在上傳前驗證文件大小？

可能重複：
How can you determine the file size in JavaScript?如何在上傳前驗證文件大小？

的GMail必須檢查文件的大小和警報而不讓頁面回發的選項。

我如何能實現這個功能我自己？

來源

2011-08-22 Swaroop

Gmail爲此使用Flash應用程序。如果你想檢查文件大小，你需要在這樣的環境下做到這一點;單獨使用JavaScript沒有任何機制可以實現這一點

來源

2011-08-22 11:34:20 cdhowie

與HTML5結合使用。當用戶在''中選擇一個文件時，可以使用'onchange'事件並查找所選文件。還包括文件大小。 https://developer.mozilla.org/en/DOM/File – pimvdb

有趣，很高興知道。您可以考慮將其添加爲備用答案。 – cdhowie

一旦看到hotmail網站。由.net開發的總網站，在該網站上傳文件時顯示的警告與我想要的一樣。 – Swaroop

您可以使用Uploadify，它是使用閃存來檢查文件的大小，但有其他整齊功能的jQuery插件。 http://www.uploadify.com/documentation/options/sizelimit/

來源

2011-08-22 11:42:18

使用HTML5，你可以使用JavaScript客戶端實現這一目標。這是jQuery，但它當然沒有工作：http://jsfiddle.net/pimvdb/S4mEv/2/。請注意，它尚不適用於所有瀏覽器（尚）。

$('#file').change(function() { 
    alert(this.files[0].size + " bytes"); 
});

https://developer.mozilla.org/en/DOM/File

來源

2011-08-22 11:42:58 pimvdb

你能做到這一點的文件HTML5 JS文件API

你可以在我的網頁IDE試運行下面的代碼（但請使用谷歌瀏覽器或FF）： http://codesocialist.com/#/?s=bN

以下代碼將爲您檢索文件類型和文件大小:)

<input type="file" id="files" name="files[]" multiple /> 
<output id="list"></output> 

// Check for the various File API support. 
if (window.File && window.FileReader && window.FileList && window.Blob) { 

    // Great success! All the File APIs are supported. 
    function handleFileSelect(evt) { 
     var files = evt.target.files; // FileList object 

     // files is a FileList of File objects. List some properties. 
     var output = []; 
     for (var i = 0, f; f = files[i]; i++) { 
      output.push('<li><strong>', escape(f.name), '</strong> (', f.type || 'n/a', ') - ', f.size, ' bytes </strong></li>'); 
     } 

     document.getElementById('list').innerHTML = '<ul>' + output.join('') + '</ul>'; 
    } 

    // Bind Event Listener 
    document.getElementById('files').addEventListener('change', handleFileSelect, false); 

} else { 
    alert('The File APIs are not fully supported in this browser.'); 
}

來源

2012-06-26 04:55:12

如果問題重複，請將它們標記爲這樣。請不要複製和粘貼你的答案。複製和粘貼在編程中是不好的，爲什麼它會對編程有所幫助？ –

如何在上傳前驗證文件大小？

回答

相關問題