Chrome 浏览器上的自动文件下载限制为 10 个文件

最新推荐文章于 2024-09-26 01:42:12 发布

是路宝哦

最新推荐文章于 2024-09-26 01:42:12 发布

阅读量3.8k

点赞数 1

文章标签： javascript 前端

本文链接：https://blog.csdn.net/teng_zz/article/details/129246905

版权

该文描述了一个JavaScript解决方案，通过创建延时Promise来防止同时下载多个文件。在批量下载文件时，每个文件之间暂停1秒，确保下载的顺序性。利用Vue.js的store进行数据交互，通过创建a标签并模拟点击下载文件，同时使用URL.revokeObjectURL释放内存。

摘要由CSDN通过智能技术生成

目前不知道是由于什么导致的，搜了不少内容也查找不到相关资料，不过如果还是想多个文件单独下载的话，可以使用延时1s的方式来解决。

 // 暂停1s
pause() {
	return new Promise((resolve) => {
		let timer = setTimeout(resolve, 1000);
    this.timerArr.push(timer);  // 创建了定时器，放到一个数组中，最后将其清除掉。
  });
},

 // 批量下载
 async batchDownload() {
   // 获取需要下载的文件列表的单独文件ID
   const finalArr = getFileItem(this.downloadList, this.dataList);
   for (const key in finalArr) {
     await this.pause();
     await this.downloadFile(finalArr[key]);
   }
},

// 下载文件
async downloadFile(single) {
  const attachmentId = get(single, 'attachmentId');
  await this.$store.dispatch('getDownloadUrlNew', attachmentId).then((res) => {
  // 也可以使用window.open()方式下载 
  // window.open(res.content, '_self');
  const link = document.createElement('a');
  link.style.display = 'none';
  link.href = res.content; // res.content为后端返回的文件的地址
  document.body.appendChild(link);
  link.click();
  URL.revokeObjectURL(link.href);
  document.body.removeChild(link);
  });
},