Uploadify 是一個基于 jQuery 的文件上傳插件,它提供了豐富的配置選項,包括文件驗證。要在 Uploadify 中進行文件驗證,你需要使用 onUploadStart
事件來檢查文件是否滿足驗證條件。以下是一個簡單的示例,展示了如何使用 Uploadify 進行文件驗證:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Uploadify File Validation</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>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/uploadify/3.2.1/uploadify.min.css">
</head>
<body>
<!-- 你的文件上傳表單 -->
<input type="file" name="file_upload" id="file_upload">
<script>
// 你的 JavaScript 代碼
</script>
</body>
</html>
<script>
標簽內編寫 JavaScript 代碼,配置 Uploadify 并添加文件驗證邏輯:$(document).ready(function() {
$('#file_upload').uploadify({
'swf': 'https://cdnjs.cloudflare.com/ajax/libs/uploadify/3.2.1/uploadify.min.swf',
'uploader': 'your-server-url', // 你的文件上傳處理 URL
'onUploadStart': function(file) {
// 檢查文件類型
if (file.type.match('image.*')) {
// 檢查文件大小
if (file.size <= 10 * 1024 * 1024) { // 限制文件大小為 10MB
return true;
} else {
alert('文件大小超過 10MB,請上傳較小的文件。');
return false;
}
} else {
alert('請上傳圖片文件。');
return false;
}
}
});
});
在這個示例中,我們檢查了文件類型是否為圖片(image.*
),并限制了文件大小為 10MB。如果文件不滿足這些條件,Uploadify 將不會上傳文件,并顯示相應的錯誤消息。
請注意,你需要將 your-server-url
替換為實際的文件上傳處理 URL。此外,你可以根據需要自定義文件驗證邏輯。