2013-07-04 2 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에 쓴 것 :

인터넷 익스플로러 (< 10 절)와 호환되지만 드래그 앤 드롭 지원, 단일 파일 업로드 및 서버 측 검증.

그래서 나도 당신의 라이브러리를 편집해야 할 것, 생각, 하나는 Plupload

관련 문제