2013-01-17 38 views
0

我試圖找到一種方法,通過它可以將由頁面上的HTML元素表示的遠程文件拖動到拖放文件上傳框。拖放文件上傳的默認功能是接受以外的輸入瀏覽器使用瀏覽對話框或拖動區域內的文件,但我不確定是否存在允許從元素輸入的實現代表文件裏面的瀏覽器頁面。使用現有的HTML元素/刪除文件拖放文件上傳?

我使用plupload但如果另一個插件支持該功能,我很樂意聽到它。 編輯補充:關於plupload是否可以支持這一點的見解將非常有用,因爲它是項目規範的一部分。這裏不是很熟悉JS。我希望這個描述清楚地表達出來,一直試圖尋找這個,但似乎沒有任何東西出現。 :)

回答

0

https://github.com/blueimp/jQuery-File-Upload/wiki

除了拖動/刪除/瀏覽它可以讓你爲「手動」添加文件到上傳隊列(這樣你就可以設置屬性數據,文件中的某些HTML元素再訪問這些&將它們添加到隊列中)但是你需要用JavaScript來弄髒你的手,這是很棒的插件,但確實需要一些JS的流暢度來讓它做你想做的事

NB:imo start by not using the UI /模板系統將其與它所提供從基礎開始:https://github.com/blueimp/jQuery-File-Upload/wiki/Basic-plugin

從API頁:

塊引用

綱領性文件上傳

通常情況下,文件上傳,通過選擇通過文件輸入按鈕的文件或通過拖放區文件拖放調用。

然而,也可以以編程上傳文件與用於XHR文件上傳支持的瀏覽器(見瀏覽器支持):

$('#fileupload').fileupload('add', {files: filesList}); 

第二個參數必須與陣列的對象(或File或Blob對象作爲文件屬性。 其他屬性允許覆蓋文件上傳的選項,例如上傳網址:

$('#fileupload').fileupload('add', {files: filesList, url: '/path/to/upload/handler.json'}); 

更多:https://github.com/blueimp/jQuery-File-Upload/wiki/API