import JSZip from "jszip";
import { saveAs } from 'file-saver'
createZipWithImages() {
const zip = new JSZip();
// 假設(shè)有兩個(gè)圖片文件糜值，分別為image1.jpg和image2.png
const imageUrls = ['image1.jpg', 'image2.png'];
// 創(chuàng)建一個(gè)Promise數(shù)組來存儲所有fetch操作的Promise
const fetchPromises = imageUrls.map((imageUrl) => {
return fetch(imageUrl)
.then((response) => response.blob())
.then((blob) => {
// 將圖片文件添加到ZIP文件中
const url = new URL(imageUrl);
console.log(url)
const fileName = url.pathname.split('/').pop();
zip.file(fileName, blob);
});
});
// 等待所有fetch操作完成
Promise.all(fetchPromises)
.then(() => {
// 生成ZIP文件
zip.generateAsync({ type: 'blob' }).then((content) => {
// 下載ZIP文件
saveAs(content, 'images.zip');
});
})
.catch((error) => {
console.error('下載圖片時(shí)出錯(cuò)：', error);
});
}
js下載文件打包zip
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門侥蒙，熙熙樓的掌柜王于貴愁眉苦臉地迎上來癞蚕，“玉大人，你說我怎么就攤上這事辉哥。” “怎么了攒射？”我有些...
- 文/不壞的土叔 我叫張陵醋旦，是天一觀的道長。 經(jīng)常有香客問我会放，道長饲齐，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任咧最，我火速辦了婚禮捂人，結(jié)果婚禮上御雕，老公的妹妹穿的比我還像新娘。我一直安慰自己滥搭，他們只是感情好酸纲，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著瑟匆，像睡著了一般闽坡。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上愁溜，一...
- 文/蒼蘭香墨 我猛地睜開眼，長吁一口氣：“原來是場噩夢啊……” “哼席爽！你這毒婦竟也來了意荤？” 一聲冷哼從身側(cè)響起，我...
- 序言：老撾萬榮一對情侶失蹤只锻，失蹤者是張志新（化名）和其女友劉穎玖像，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體齐饮，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡捐寥，尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了祖驱。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片握恳。...
- 正文 年R本政府宣布束昵，位于F島的核電站，受9級特大地震影響葛峻，放射性物質(zhì)發(fā)生泄漏锹雏。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一术奖、第九天 我趴在偏房一處隱蔽的房頂上張望礁遵。 院中可真熱鬧轻绞，春花似錦、人聲如沸佣耐。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽晰赞。三九已至稼病，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間掖鱼，已是汗流浹背然走。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長得像褐墅，于是被迫代替她去往敵國和親拆檬。 傳聞我的和親對象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1. Q：a 標(biāo)簽下載文件 A: 2.Q:input file 文件上傳 A: 布局：html css: js: ...
- 背景：pdf文件存儲在服務(wù)端文件名都是id命名的。使用chrome自帶的文件預(yù)覽下載時(shí)導(dǎo)出的文件名也是id.pdf...
- 第一步：.HTML： 第二步：封裝一個(gè)js，需要引入5個(gè)文件 // 1.npm install --saved...
- 場景簡介 由于業(yè)務(wù)需要晌柬，經(jīng)常遇到下載各類文件的需求姥份，其中最頭疼的莫過于前端下載圖片了，直接給個(gè)圖片文件地址會變成直...
- 場景簡介 由于業(yè)務(wù)需要年碘，經(jīng)常遇到下載各類文件的需求殿衰，其中最頭疼的莫過于前端下載圖片了，直接給個(gè)圖片文件地址會變成直...
