[英]Download file from url?
我正在嘗試下載文件,但沒有成功。 我正在使用此代碼,但單擊它會打開圖像,但我不想這樣做..我想下載該圖像。 有什么建議嗎?
toDataURL(url) {
return fetch(url).then((response) => {
return response.blob();
}).then(blob => {
return URL.createObjectURL(blob);
});
}
然后
async download() {
const a = document.createElement("a");
a.href = await toDataURL("https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-512.png");
a.download = "myImage.png";
document.body.appendChild(a);
a.click();
document.body.removeChild(a);
}
一個簡單的<a>
下載鏈接呢 ?
的HTML
<a [href]="imageUrl" download>Download image</a>
component.ts
imageUrl:string = "https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-512.png"
不是有角度的方法,而是使用純js: 提取API
function download(url, name) { fetch(url).then((response) => { return response.blob().then((b) => { const a = document.createElement("a"); a.setAttribute("download", name); a.href = URL.createObjectURL(b); a.click(); }); }); } download('https://cdn1.iconfinder.com/data/icons/ninja-things-1/1772/ninja-simple-512.png', 'ninja.png')
嘗試<a href="data:...." target="_blank">
或使用downloadify
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.