How to load a file from url and assign to HTML file upload on button click?

Asked Jul 07 '20 at 19:26

Active Jul 07 '20 at 21:19

Viewed 93 times

I am using the TUI Image editor API version.

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

In this tool, we have an option named "Mask" where the user can select an image, and that image is displayed onto a canvas, its functionality is working fine.

Now I want to create another button like <button id="loadImg"></button> and by clicking on this button the MAsk file uploader should load this image file to Canvas:

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

I don't want to browse it and then select the file. How to perform this using javascript?

edited Jul 07 '20 at 21:19

blex

24,941
5
39
72

asked Jul 07 '20 at 19:26

WeDevelop

why you deleted the question? The mentioned link is not an answer for my question. I am asking. How to get the image file from URL and assign this file to HTML file upload by clicking a – WeDevelop Jul 07 '20 at 20:08
Brother at least ask me if you are not clear. I reposted the question. I hope it is clear now – WeDevelop Jul 07 '20 at 20:26
1

Thanks. sure i do it – WeDevelop Jul 07 '20 at 20:50
1

please allow my question now. I provided more details about m question. Thanks – WeDevelop Jul 07 '20 at 21:13
Let us [continue this discussion in chat](https://chat.stackoverflow.com/rooms/217417/discussion-between-wedevelop-and-blex). – WeDevelop Jul 07 '20 at 21:13

How to load a file from url and assign to HTML file upload on button click?

0 Answers0