javascript - 如何从 url 加载文件并在按钮单击时分配给 HTML 文件上传？

Question

我正在使用 TUI 图像编辑器 API 版本。

https://nhn.github.io/tui.image-editor/latest/tutorial-example02-useApiDirect

在这个工具中，我们有一个名为“蒙版”的选项，用户可以在其中选择图像，并且该图像显示在画布上，其功能运行良好。

现在我想创建另一个按钮<button id="loadImg"></button> ，通过单击此按钮，MAsk 文件上传器应将此图像文件加载到 Canvas：

"https://editor.studysciences.com/img/shade1.png"

我不想浏览它然后选择文件。如何使用 javascript 执行此操作？

标签： javascriptjquery