Given a data URL, you can create an image (either on the page or purely in JS) by setting the src of the image to your data URL. For example: var img = new Image; img.src = strDataURI; The drawImage() method of HTML5 Canvas Context lets you copy all or a portion of an image … Read more
As no one has yet found any specifications about how this is supposed to behave, we will have to be satisfied with how it does behave. Following are the results of my tests. | is image data usable right | does onload callback set after src | after setting src? | is changed still get … Read more
If you also want to give a suggested name to the file (instead of the default ‘download’) you can use the following in Chrome, Firefox and some IE versions: function downloadURI(uri, name) { var link = document.createElement(“a”); link.download = name; link.href = uri; document.body.appendChild(link); link.click(); document.body.removeChild(link); delete link; } And the following example shows it’s … Read more
Use the download attribute: <a download=’FileName’ href=”https://stackoverflow.com/questions/283956/your_url”> The download attribute works on Chrome, Firefox, Edge, Opera, desktop Safari 10+, iOS Safari 13+, and not IE11.