FLASH正式出局，多年前為客戶建立的管理模組因此失靈，當初使用的是jQuery外掛uploadify，有分SWF與HTML5兩種，當時SWF是免費版而HTML5為收費版，想當初FLAS還相當流行且外掛模組可免費使用因而採用SWF與版本，多年後的現在FLASH被淘汰反倒是HTML5為主流。
廢話不多說，uploadify 模組可以在此拿到--> RonnieSan/uploadify ，感謝模組作者無私的貢獻！！直接把作者提供的範例貼出，大家可參考參考。
<script src="jquery.min.js" type="text/javascript"></script> <script src="jquery.uploadifive.min.js" type="text/javascript"></script> <link href="uploadifive.css" rel="stylesheet" type="text/css"></link></pre>
<h1>UploadiFive Demo</h1>
<form>
<div id="queue"></div>
<input id="file_upload" multiple="true" name="file_upload" type="file" />
<input id="submit" onclick="javascript:$('#file_upload').uploadifive('upload')" type="button" value="上传" />
</form>
<script type="text/javascript">
var timestamp = new Date();
$(function() {
$('#file_upload').uploadifive({
'auto' : false,
'checkScript' : 'check-exists.php',
'uploadScript' : 'uploadifive.php',
'formData' : {
'timestamp' : timestamp,
'token' : 'token'
},
'queueID' : 'queue',
"fileType": '.gif, .jpg, .png, .jpeg, .bmp, .doc, .ppt, .xls, .xlsx, .docx, .pptx, .zip, .rar, .pdf',
"auto": true,
"multi": true,
"height": 20,
"width": 100,
"fileSizeLimit": "20MB",
"uploadLimit": 10,
"buttonText": "选择附件",
'removeCompleted' : true,
'onUploadComplete' : function(file, data) {
var obj = JSON.parse(data);
console.log(data);
},
onCancel : function(file) {
alert(file.name + " 已取消上传~!");
},
onFallback : function() {
alert("该浏览器无法使用!");
},
onUpload : function(file) {
document.getElementById("submit").disabled = true;//当开始上传文件，要防止上传未完成而表单被提交
},
});
});
</script>
