如何通过Chrome扩展名模拟文件拖放上传？
如何通过Chrome扩展名模拟文件拖放上传？
提问于 2016-11-16 19:40:43
我需要模拟一个用户拖放图像到文件上传div。我将从aws s3 bucket中提取图像。
这个问题介绍了如何模拟事件。但是，drop是通过调用下拉区域div上的.drop()事件来完成的。
然而，在我的例子中，代码将在由Chrome扩展注入的content script中运行。这意味着，afaik，我不能在页面的下拉区域drop()上调用div方法。
还有其他方法来模拟drag-and-drop函数吗？
如果重要的话，我所处理的页面似乎使用jQuery UI ddmanager来控制其文件丢失区域div。
回答 1
Stack Overflow用户
发布于 2016-11-17 16:10:17
您可能需要检查并尝试通过拖放传递多个文件中给出的现有拖放代码示例，其中您实际上可以将一个或多个文件从桌面拖放到浏览器中。
<div id=”dropzone”></div>
var dropzone = document.getElementById('dropzone');
dropzone.ondrop = function(e) {
var length = e.dataTransfer.files.length;
for (var i = 0; i < length; i++) {
var file = e.dataTransfer.files[i];
... // do whatever you want
}
};但是，也有人指出，当您试图传递一个文件夹时，请注意，它将被拒绝或作为File对象来处理，从而导致失败。对于文件夹，您需要更改处理丢弃对象的方式。
有关探索FileSystem API API和新的拖放功能的进一步信息，您可能还想阅读FileSystem，请阅读此文档。
最后，这些GitHub帖子也可能会有所帮助：
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/40640881
复制相关文章
相似问题
腾讯云开发者
