【发布时间】：2013-12-08 14:34:05
【问题描述】：
我正在尝试在浏览器中将图像拖放到 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);
}
}
【问题讨论】：
标签： jquery express drag-and-drop gmail