如何使用 jQuery 驗證檔輸入大小？

如何使用jQuery 驗證檔案輸入大小

問題：

您想要實作客戶端錯誤回報文件上傳形式上傳超大文件。您想知道是否可以在本地或透過將其發送到伺服器來檢查檔案大小。

答案：

雖然直接檔案存取不可用JavaScript，HTML5 檔案 API 公開各種檔案屬性，包括檔案大小。

現代瀏覽器的解決方案（相容於HTML5）：

<code class="html"><input type="file" id="myFile" /></code>

<code class="javascript">$('#myFile').bind('change', function() {
  alert(this.files[0].size); // Gets the file size in bytes
});</code>

對舊版瀏覽器的支援：

對舊版瀏覽器的支援：

<code class="javascript">if (window.File && window.FileReader && window.FileList && window.Blob) {
  // File API support detected, continue with the solution above
} else {
  // Fallback handling for older browsers
  // (e.g., display an error message or implement custom file size validation)
}</code>

對舊版瀏覽器的支援：舊版瀏覽器可能不支援檔案API。使用程式碼之前驗證支援：

以上是如何使用 jQuery 驗證檔輸入大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！