2013-07-04 44 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