【发布时间】:2013-07-02 14:57:40
【问题描述】:
在我将图片上传到服务器的网站中,我使用 HTML5 Drag and Drop 上传方法。
我正在使用 mfupload.js 开源脚本。它适用于除 IE 之外的所有浏览器。
请告诉我如何让它在 IE 中工作,或者请为 IE 提供好的脚本。
注意:拖放是指从文件夹中拖放到网页中。
脚本:
<script src="js/mfupload.js" type="text/javascript"></script>
<script type="text/javascript">
$().ready(function() {
var errors="";
$('#upload').mfupload({
type : 'jpeg,jpg,png,gif,mp3,aac,aif,aiff,m4a,wav,mp4,ogg,webm,mov,m4v,3gp,3g2,m2v,avi', //all types
maxsize : 20,
post_upload : "./upload.php",
folder : "./file/pic/uploaded_files",
ini_text : "Drop your photo,video or audio here",
over_text : "Drag your file(photo,video or audio) (max-size: 20MB each)",
over_col : 'gray',
over_bkcol : 'white',
init : function(){
$("#uploaded").empty();
},
start : function(result){
pop_uploading();
$("#uploaded").append("<div id='FILE"+result.fileno+"' class='files'>"+result.filename+"<div id='PRO"+result.fileno+"' class='progress'></div></div>");
},
loaded : function(result){
$("#PRO"+result.fileno).remove();
$("#FILE"+result.fileno).html("Uploaded: "+result.filename+" ("+result.size+")");
},
progress : function(result){
$("#PRO"+result.fileno).css("width", result.perc+"%");
},
error : function(error){
errors += error.filename+": "+error.err_des+"\n";
},
completed : function(){
if (errors != "") {
alert(errors);
errors = "";
}
}
});
})
</script>
提前致谢.....
【问题讨论】:
-
在没有 Flash 或 Java 的 IE9 或更早版本中无法拖放文件。
标签: javascript jquery file-upload drag-and-drop