原生JS实现多个流文件的下载

Yarcl

于 2021-07-15 21:20:30 发布

阅读量975

点赞数

文章标签： javascript java ajax

本文为博主原创文章，未经博主允许不得转载。所有资源均在网上搜录获取，如有侵权，请联系本人删除!遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。云服务器68元一年:https://i.didiyun.com/280m3s8jYPM

本文链接：https://blog.youkuaiyun.com/u012225679/article/details/118768668

版权

这篇博客记录了如何用原生JavaScript实现多个流文件的下载，包括循环获取文件信息和调用服务端接口。文章提供了前端和服务端的代码示例，并引用了相关参考资料。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文仅本人记录所保存，并不具有通用性，请读者酌情参考使用!
1、循环获取文件的文件id和文件名称
2、调用服务端接口生成流文件
前端代码如下：

download: function (val, name) {
   
	var value = name; // 文件名称
	var url = 'http://ip:port/projectName/fileDown?fileId=' + val // 下载文件调用的服务端地址
	let xhr = new XMLHttpRequest()
	xhr.open('get', url, true)
	xhr.responseType = "blob"
	var formData = new FormData();
	for (let i in value) {
   
		formData.append(i, value[i]);
	}
	xhr.onload = function() {
   
		if(this.status === 200