使整个DIV成为具有精细上传器的透明放置区域

Question

我的网络应用程序中有一个<article>元素，它通过Javascript代码填充内容。我想添加将文件拖放到该<article>元素的当前可见部分（因为它有一个滚动条）并将这些文件转到S3的功能。

我一直在使用提供的test.html测试精细上传器。我的服务器端代码签名工作正常，我将文件存入我的S3存储桶。

我的问题与UI相关：如何在<article>上添加拖放文件的功能，并仅在文件被删除时显示UI 以确认上传而不将我的所有HTML代码移动到精细上传器模板中？我尝试在页面上方添加<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'));