当前位置: 首页 > news >正文

如何在手机做网站网站外链平台

如何在手机做网站,网站外链平台,郑州富士康有多少人员工,北京app建设 网站开发公司后端返回一个文件链接的数组,前端处理下载逻辑,并且将这些文件存储在压缩包内部,这用的jszip 和 file-saver 这两个库。 步骤说明 1.使用 npm 或 yarn 安装 jszip 和 file-saver。 npm install jszip file-saver 2.获取文件内容&#xff1a…

后端返回一个文件链接的数组,前端处理下载逻辑,并且将这些文件存储在压缩包内部,这用的jszip 和 file-saver 这两个库。

步骤说明

1.使用 npm 或 yarn 安装 jszip 和 file-saver。
   npm install jszip file-saver
2.获取文件内容:

使用 fetch API 获取每个文件的内容。


3.生成压缩文件:

使用 jszip 将获取到的文件内容添加到压缩包中。
4.下载压缩文件:

使用 file-saver 将压缩包下载到客户端。

实例:
 
import JSZip from 'jszip';
import { saveAs } from 'file-saver';async function fetchAndCompressFiles(fileUrls) {const zip = new JSZip();// 并发请求文件内容const fileContents = await Promise.all(fileUrls.map(async (url) => {const response = await fetch(url);if (!response.ok) {throw new Error(`Failed to fetch ${url}: ${response.statusText}`);}return response.blob();}));// 添加文件到压缩包fileUrls.forEach((url, index) => {const fileName = url.substring(url.lastIndexOf('/') + 1);zip.file(fileName, fileContents[index], { binary: true });});// 生成压缩包 Blobconst blob = await zip.generateAsync({ type: 'blob' });// 下载压缩包saveAs(blob, 'compressed-files.zip');
}// 示例文件 URL 数组
const fileUrls = ['http://example.com/file1.txt','http://example.com/file2.txt','http://example.com/file3.txt'
];// 下载按钮的点击事件
document.getElementById('downloadButton').addEventListener('click', async () => {try {await fetchAndCompressFiles(fileUrls);} catch (error) {console.error('Error compressing and downloading files:', error);}
});

http://www.fp688.cn/news/157741.html

相关文章:

  • 建立网站需要多少钱萍畜湖南岚鸿首选windows10优化软件
  • 网站建设xiu021网站seo资讯
  • 未备案网站网络营销知识
  • wordpress 什么值得买 主题重庆seo小z博客
  • 建站论坛网站建设平台哪家好
  • 百度云wordpress教程视频教程怎么优化自己网站
  • 用闲置的安卓手机做网站服务器小说排行榜百度
  • 谷歌企业网站seo找资源的关键词有哪些
  • 宝鸡做网站电话短视频赚钱app软件
  • 深圳实惠的专业建站公司宁德市属于哪个省份
  • 网站做广告投放 做销售线索预估域名whois查询
  • 个人网站介绍软文公司代写
  • 企业做的网站推广方案的步骤百度学术论文查重免费
  • 购物网名seo发外链工具
  • dw做旅游网站教程网盘搜索引擎
  • 厅网站集约化建设关键词com
  • wordpress 专题页厦门搜索引擎优化
  • 建设银行开通网站查询密码旺道seo推广有用吗
  • 东莞网站建设上科英语培训机构
  • 网站建设详细流程山东seo推广公司
  • 我有域名和云服务器怎么做网站中山网站seo
  • wordpress做流量站温州网站建设制作
  • 如何再国外网站做折扣成都网站seo
  • 做网站 商标分类百度推广教程视频教程
  • 朋友圈自己做的网站今日重大新闻事件
  • 微网站 获取手机号短视频seo搜索优化
  • 电商网站的模块北京网站建设制作公司
  • 临泉县建设局网站百度广告联盟app下载官网
  • 小米手机做网站服务器南昌seo快速排名
  • 怎么在工商网站做实名认证360网站推广费用