[英]Download image using javascript
I would like to know how to download image using javascript.我想知道如何使用javascript下载图像。 It downloads but shows failed error,
它下载但显示失败的错误,
<div>
<button onClick=this.downloadImage(event, "http://example.net/media/image.png")>Download</button>
</div>
downloadImage = (event, image) => {
var link = document.createElement('a');
link.href = image.toDataUrl("image/png", 1.0);
link.download = 'Download.png';
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
You can use download API.您可以使用下载 API。
According Developer Mozilla's site, try it out:根据 Developer Mozilla 的网站,试试看:
function onStartedDownload(id) {
console.log(`Started downloading: ${id}`);
}
function onFailed(error) {
console.log(`Download failed: ${error}`);
}
var downloadUrl = "https://example.org/image.png";
var downloading = browser.downloads.download({
url : downloadUrl,
filename : 'my-image-again.png',
conflictAction : 'uniquify'
});
downloading.then(onStartedDownload, onFailed);
Here is more info, https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/downloads/download这里有更多信息, https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/downloads/download
Btw, don't forget about CORS and it's limits.顺便说一句,不要忘记 CORS 和它的限制。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.