沒有實際上傳的Jquery拖放上傳

Question

我正在尋找一個JQuery插件，它允許我將文件拖入div或其他東西，然後將文件名發送到我的後端應用程序（java）。

我發現大多數插件上傳文件，但我想要的文件名moviefiles（4GB +的大小），所以上傳部分不是一個想要的功能。

所以回顧一下： 在html頁面上傳div，用戶可以放置一個電影文件（mkv或avi），然後插件將放置文件的文件名發送到我的java後端。

Answer 1

你不需要插件。下面是一個簡單的腳本，將獲得的文件拖入一個div名稱：

http://jsfiddle.net/yfTfR/

$(document).ready(function() { 

    $('#dropper').on('dragover', function (e) { 
     e.preventDefault(); 
     e.stopPropagation(); 
    }) 

    $('#dropper').on('dragenter', function (e) { 
     e.preventDefault(); 
     e.stopPropagation(); 
    }) 

    $('#dropper').on('drop', function (e) { 
     e.preventDefault(); 

     var files = e.originalEvent.dataTransfer.files; 
     for (i = 0; i < files.length; i++) { 
      $('#fileList').append('<ul>' + files[i].name + '</ul>'); 
      // use ajax to send the filenames off to your server here 
     } 
    }); 
});