JavaScript 檔案上傳大小驗證
在現代 Web 應用程式中，上傳檔案是一項常見任務。為了確保使用者的意圖和系統完整性，在上傳文件之前驗證文件的大小至關重要。
使用 JavaScript 驗證檔案大小
JavaScript 允許您存取使用檔案 API 的檔案屬性。此 API 提供對檔案大小（以位元組為單位）的訪問，從而在上傳之前啟用大小驗證。
範例實作
以下是示範檔案大小驗證的JavaScript 範例：
document.getElementById("btnLoad").addEventListener("click", function showFileSize() {
if (!window.FileReader) {
console.log("File API not supported on this browser.");
return;
}
var input = document.getElementById('fileinput');
if (!input.files || !input.files[0]) {
console.error("Please select a file to validate.");
} else {
var file = input.files[0];
console.log("File " + file.name + " is " + file.size + " bytes in size");
}
});此腳本檢查瀏覽器中的檔案支援，從輸入中取得選定的文件，並記錄文件的大小到控制台。
好處
上傳前驗證有幾個好處：
以上是JavaScript 如何在提交前驗證文件上傳大小？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
