jQuery的拖放文件上傳

Question

我想上傳文件，拖放文件 ，我知道這是不可能的$就 這裏 這是我的代碼

$('.eCover').on(
    'dragover', 
    function(e) { 
     e.preventDefault(); 
     e.stopPropagation(); 
    } 
) 
$('.eCover').on(
    'dragenter', 
    function(e) { 
     e.preventDefault(); 
     e.stopPropagation(); 
    } 
) 
$('.eCover').on(
    'drop', 
    function(e){ 
     if(e.originalEvent.dataTransfer){ 
      if(e.originalEvent.dataTransfer.files.length) { 
       e.preventDefault(); 
       e.stopPropagation(); 
       /*UPLOAD FILES HERE*/ 
       upload(e.originalEvent.dataTransfer.files); 
      } 
     } 
    } 
); 
function upload(files){ 
    $.ajax({ 
     type: "post", 
     url: "upload.php", 
     data: {data:files}, 
     dataType: "json", 
     cache:false, 
     success:function(data){ 
      alert(data); 
      return false; 
     } 
    }) 
} 

我不能發送與阿賈克斯的數據文件，我應該怎麼辦？ 我想通過代碼不機智插件 試試吧謝謝

Answer 1

您可以使用XMLHttpRequest對象使用FormData

function upload(myfile) { 
     var fd = new FormData(); 
     fd.append("fileToUpload", myfile); 
     var xhr = new XMLHttpRequest(); 
     xhr.open("POST", "upload.php"); 
     xhr.send(fd); 
} 

從this tutorial