ajaxFileUpload.js
是一個用于處理文件上傳的 JavaScript 庫,它通常與服務器端的文件上傳接口配合使用。以下是一些常見的配置參數及其說明:
- url (必需): 服務器端處理文件上傳的 URL 地址。客戶端將發送文件到這個 URL。
- fileElementId (可選): 頁面中用于選擇文件的 input 元素的 ID。如果不指定,將自動查找第一個類型為
file
的 input 元素。
- dataType (可選): 服務器返回的數據類型,例如 “json”, “jsonp”, “text” 等。默認為 “json”。
- type (可選): 請求的類型,可以是 “POST” 或 “GET”。默認為 “POST”。
- data (可選): 要發送到服務器的數據。可以是一個對象或一個查詢字符串。如果不指定,將使用 formData 格式發送當前 input 元素的數據。
- success (必需): 當服務器成功處理文件上傳時調用的回調函數。該函數接收兩個參數:服務器返回的狀態碼和響應數據。
- error (可選): 當服務器處理文件上傳失敗時調用的回調函數。該函數接收一個參數:錯誤信息。
- progress (可選): 一個回調函數,用于在文件上傳過程中顯示進度。該函數接收兩個參數:已上傳的字節數和總字節數。
- beforeSend (可選): 在發送文件之前調用的回調函數。該函數接收兩個參數:XMLHttpRequest 對象和配置對象。
- complete (可選): 當文件上傳完成(無論成功還是失敗)后調用的回調函數。該函數接收一個參數:XMLHttpRequest 對象。
以下是一個簡單的示例配置:
$('#file_upload').ajaxFileUpload({
url: '/upload',
secureuri: false,
fileElementId: 'file_upload_input',
dataType: 'json',
success: function(data, status) {
console.log('File uploaded successfully:', data);
},
error: function(data, status, e) {
console.log('File upload failed:', e);
}
});
在這個示例中,我們使用了 jQuery 選擇器來查找文件輸入元素,并設置了文件上傳的 URL、數據類型和成功/錯誤回調函數。