Uploadify 是一個基于 jQuery 的文件上傳插件。要進行錯誤處理,您需要使用 onUploadError
和 onUploadSuccess
事件。這兩個事件允許您在上傳過程中捕獲錯誤和成功事件。
以下是一個簡單的示例,展示了如何使用 Uploadify 進行錯誤處理:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uploadify Error Handling</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/uploadify/3.2.1/uploadify.min.js"></script>
</head>
<body>
<!-- Your HTML content here -->
</body>
</html>
<input type="file" name="file_upload" id="file_upload">
<script>
$(document).ready(function() {
$('#file_upload').uploadify({
'swf' : 'https://cdnjs.cloudflare.com/ajax/libs/uploadify/3.2.1/uploadify.min.swf',
'uploader' : 'your_server_endpoint_here', // 替換為您的服務器端上傳腳本路徑
'onUploadError' : function(file, reason, error) {
alert('上傳失敗: ' + reason + ' (' + error + ')');
},
'onUploadSuccess' : function(file, data, response) {
alert('上傳成功: ' + file.name);
}
});
});
</script>
在這個示例中,我們設置了 onUploadError
和 onUploadSuccess
事件處理函數。當上傳失敗時,onUploadError
函數會被觸發,顯示一個包含錯誤原因和錯誤代碼的警告框。當上傳成功時,onUploadSuccess
函數會被觸發,顯示一個包含上傳文件名的警告框。
請注意,您需要將 your_server_endpoint_here
替換為您的服務器端上傳腳本的實際路徑。在這個腳本中,您應該處理文件上傳邏輯,并返回適當的響應,以便 Uploadify 可以根據響應內容觸發相應的事件。