2013-07-04 46 views
0

在我上传图片到服务器的网站中,我使用的是HTML5拖放方式上传。拖放上传在IE中不起作用

我正在使用mfupload.js opensource脚本。它适用于除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> 

在此先感谢.....

+0

想法:调试。 – akonsu

+0

在没有Flash或Java的IE9或更高版本中,无法拖放文件。 –

回答

1

它写在mfupload.js documentation

与Internet Explorer(<第10节),但兼容无拖放支持,单个文件上传和服务器端验证。

所以我想,无论你将不得不编辑库,要么你可以用另外一个,像Plupload