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

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中文網其他相關文章！