Chrome 浏览器上的自动文件下载限制为 10 个文件
最新推荐文章于 2025-04-10 15:49:47 发布
原创
最新推荐文章于 2025-04-10 15:49:47 发布
·
5.5k 阅读
·
2
·
3
·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：
#javascript
#前端
该文描述了一个JavaScript解决方案，通过创建延时Promise来防止同时下载多个文件。在批量下载文件时，每个文件之间暂停1秒，确保下载的顺序性。利用Vue.js的store进行数据交互，通过创建a标签并模拟点击下载文件，同时使用URL.revokeObjectURL释放内存。
目前不知道是由于什么导致的，搜了不少内容也查找不到相关资料，不过如果还是想多个文件单独下载的话，可以使用延时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);
});
},