使用精細上傳器使整個DIV具有透明拖放區域

Question

我的web應用程序中有一個<article>元素，該元素通過Javascript代碼填充內容。我想添加將文件拖放到<article>元素的當前可見部分（因爲它具有滾動條）並將這些文件轉到S3的能力。

我一直在使用提供的test.html來測試精細上傳器。我的服務器端代碼簽名工作正常，我將這些文件放入我的S3存儲桶中。

我的問題是用戶界面相關的：我怎麼添加拖動和拖放文件超過<article>，僅顯示在該文件已被刪除確認不動，我所有的HTML代碼到上載的UI 的能力一個精美的上傳模板？我試着在頁面上方添加一個<div>，但是這顯然干擾了我在下面放置的<article>元素中選擇文本的能力...

我覺得我失去了一些明顯的東西。基本上我的問題類似於dropzone.js解決方案在這裏：https://github.com/enyo/dropzone/wiki/Make-the-whole-body-a-dropzone

Answer 1

我們不提供任何名爲「test.html」的文件。

無論如何，您可以隨時通過addExtraDropzone API method添加儘可能多的拖放區域。

例如：

uploader.addExtraDropzone(document.getElementsByTagName('article'));