jquery - 是否可以使用JQuery拖放和上传图像？

Question

我正在尝试将图像拖放到浏览器中的 div 中。就像在 Gmail 撰写中一样，我希望图像内嵌显示并可调整大小。我想知道 JQuery 中是否有任何函数或插件可以实现此功能？我见过一些开源的东西，比如 http://www.dropzonejs.com/ ，但我想构建一个我自己的、专门与我的应用程序配合良好的应用程序。该图像将使用 POST 发布到 NodeJs + Express 服务器。

所以我想要一个功能，您可以在 div 中拖放文件，并且在上传到服务器之前将检查文件的有效性 - 这样文件就可以从其客户端呈现在客户端上在服务器中的位置。理想情况下我想要这样的东西。

<div id = "imageUploader" ....> </div>

$("#imageUploader").onDraggedAndDropped{

  validity: function(){
  //Check if valid size and filetype
  //return true or false otherwise
  }

  //File upload not successful
  error: function(error){
  ...
  }

  //File upload successful
  error: function(data){
  var path = JSON.stringify(data).filepath;
  render(filepath);
  }

}

Answer 1

使用库 Jquery-File-Upload。它支持拖放文件上传，但兼容支持 HTML5 的浏览器。 http://hayageek.com/drag-and-drop-file-upload-jquery/