如何使用JavaScript 上傳文件
要使用JavaScript 上傳文件,您可以利用以下步驟:
使用表單資料:
發出XHR 請求:
建立XMLHttpRequest (XHR) 物件.
建立XMLHttpRequest (XHR) 物件.監聽上傳事件:
const formData = new FormData(); const fileInput = document.getElementById('image-file'); const file = fileInput.files[0]; formData.append('photo', file); const xhr = new XMLHttpRequest(); xhr.open('POST', '/upload/image'); xhr.send(formData); xhr.addEventListener('load', () => { // Handle successful upload }); xhr.addEventListener('progress', (e) => { // Monitor upload progress }); xhr.addEventListener('error', (e) => { // Handle upload errors });將事件偵聽器新增至XHR 對象,用於載入、進度和錯誤事件。
中這些事件處理程序,您可以處理上傳狀態和回應。
範例程式碼:
let photo = document.getElementById("image-file").files[0]; let formData = new FormData(); formData.append("photo", photo); fetch('/upload/image', { method: "POST", body: formData });Pure:Pure:Pure:Pure:Pure:Pure:Pure:Pure:Pure:如果想在不使用XHR 的情況下使用純JavaScript,您可以將fetch API 與FormData 結合使用。 範例:
以上是如何使用 JavaScript 上傳檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!