使用精细上传器使整个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'));