vue前端拿到后端pdf與zip等重新打包為一個新的zip包
code.vue
const urlList = [
{
fileUrl:'https://XX.zip',
fileName:'我是文件.zip'
},
{
fileUrl:'https://XXX.pdf',
fileName:'我是pdf.pdf'
}
]
this.downloadZip(urlList)
downloadZip(urlList){
console.log('downloadZip',urlList);
// 創(chuàng)建一個zip
const zip = new JSZip();
// 獲取文件 放入zip包中
const fetchAndAddToZip = async (fileUrl, fileName) => {
const response = await fetch(fileUrl);
const fileBlob = await response.blob();
zip.file(fileName, fileBlob, { binary: true });
};
// 生成下載zip包
const generateAndDownloadZip = async () => {
// 遍歷把文件丟到zip包中
for (const url of urlList) {
await fetchAndAddToZip(url.fileUrl, url.fileName);
}
// 生成一個zip包
const content = await zip.generateAsync({ type: 'blob' });
// 保存到本地
FileSaver.saveAs(content, 'files.zip');
};
generateAndDownloadZip();
}
文章來源地址http://www.zghlxwxcb.cn/news/detail-733235.html
文章來源：http://www.zghlxwxcb.cn/news/detail-733235.html
到了這里，關于vue前端拿到后端pdf與zip等重新打包為一個新的zip包的文章就介紹完了。如果您還想了解更多內容，請在右上角搜索TOY模板網以前的文章或繼續(xù)瀏覽下面的相關文章，希望大家以后多多支持TOY模板網！
