使用 JavaScript 上傳檔案需要一系列步驟來擷取所選檔案、製作請求和處理通知。
當使用者點擊檔案輸入按鈕時,瀏覽器允許他們透過「檔案開啟...」對話方塊選擇檔案。所選檔案的名稱儲存在:
document.getElementById("image-file").value
要將檔案傳送到伺服器,我們使用多部分 POST 要求。建立此類請求的常見方法是使用 FormData API:
let formData = new FormData(); formData.append("photo", photo);
fetch API允許非同步檔案上傳:
fetch('/upload/image', {method: "POST", body: formData});
要監聽上傳完成狀況,可以使用多種方法:
以上是如何用JavaScript實作檔案上傳?的詳細內容。更多資訊請關注PHP中文網其他相關文章!