javascript - 如何在 Dropzone 上手动触发上传文件事件

Question

我已将 Dropzonejs 很好地集成到我的前端 (VueJS) 中。

我在使用 Webdriver/Codeception 进行验收测试 Dropzone 时遇到问题。底线是 Webdriver 需要文件输入，以便它也可以附加文件。

<input id="file_upload" type="file" name="file"/>

有什么方法可以在 dropzone 实例内手动触发上传吗？我可以在页面上放置一个按钮并触发 dropzone 内的上传，但保留其功能。仅当我的前端配置设置为 <> 生产时，此输入才会呈现。

提前致谢!

编辑:

我刚刚发现 Dropzonejs 默认情况下会向正文附加一个隐藏输入 (.dz-hidden-input)，或者您想要使用 dehiddenInputContainer 选项。该输入直接挂接到 Dropzone，如果您编辑源并使其不隐藏并使用它来选择队列进程自动运行的文件。这就是我需要的!

问题是输入是隐藏的，如果输入是隐藏的，我的测试套件+ selenium webdriver 无法与输入交互。有什么方法可以使其可见而不改变默认行为吗？

谢谢!

Answer 1

这对我有用

进行测试

$I->attachFile('input.dz-hidden-input', 'your_file.txt');