是否可以使用JQuery拖放和上傳圖像？

我想在瀏覽器中將圖像拖放到div中。就像在Gmail中撰寫的一樣，我希望圖像以內聯方式顯示，並且可以調整大小。我想知道是否有任何功能或JQuery插件，使這個？我見過一些開源的東西，例如http://www.dropzonejs.com/，但我想要構建一個適合我的應用程序的自己的工具。該映像將使用POST發佈到NodeJs + Express服務器。是否可以使用JQuery拖放和上傳圖像？

所以我想有一個功能，你可以拖放一個文件，在一個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); 
    } 

}

來源

2013-12-08 EternallyCurious