共計 626 個字符,預計需要花費 2 分鐘才能閱讀完成。
可以使用 JavaScript 的 fetch
和Blob
對象來下載圖片。下面是一個例子:
function downloadImage(url, filename) {fetch(url)
.then(response => response.blob())
.then(blob => {
// 創(chuàng)建一個 a 標簽
const a = document.createElement('a');
a.href = window.URL.createObjectURL(blob);
a.download = filename;
// 模擬點擊下載
a.click();
// 清除 URL 對象
window.URL.revokeObjectURL(a.href);
});
}
// 調(diào)用 downloadImage 函數(shù)
downloadImage('https://example.com/image.jpg', 'image.jpg');
這個例子中,downloadImage
函數(shù)接收兩個參數(shù):圖片的 URL 和下載后的文件名。它使用 fetch
來獲取圖片的響應,然后使用 blob
方法將響應轉(zhuǎn)換為 Blob 對象。接下來,使用 createObjectURL
方法將 Blob 對象轉(zhuǎn)換為 URL,然后將 URL 賦值給 a 標簽的 href
屬性。同時,為了讓瀏覽器彈出下載對話框,將文件名賦值給 a 標簽的 download
屬性。最后,模擬點擊 a 標簽來觸發(fā)下載動作,并調(diào)用 revokeObjectURL
方法來釋放 URL 對象的內(nèi)存。
丸趣 TV 網(wǎng) – 提供最優(yōu)質(zhì)的資源集合!
正文完