var url = '//download';
var xhr = new XMLHttpRequest();
// 也可以使用POST方式,根据接口
xhr.open('GET', url, true);
xhr.setRequestHeader('Authorization', "testAuthorization");
// 返回类型blob
xhr.responseType = "blob";
// 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑
xhr.onload = function () {
// 请求完成
if (this.status === 200) { // 返回200
var blob = this.response;
var reader = new FileReader();
reader.readAsDataURL(blob); // 转换为base64,可以直接放入a表情href
reader.onload = function (e) {
// 转换完成,创建一个a标签用于下载
var a = document.createElement('a');
var nameFile = `文件名称.docx`
a.download = nameFile;
a.href = e.target.result;
$("body").append(a); // 修复firefox中无法触发click
a.click();
$(a).remove();
}
}
};
xhr.send();
原生XMLHttpRequest实现文件流下载
?著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事?!?“怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- 参考文章:https://www.cnblogs.com/cntt/p/13564035.html[https:/...
- 有时候,我们无法借助熟悉的jquery发起请求,原生JS里是支持fetch函数的,这是个高度封装的方法,帮助我们做...
- 前端下载excel文件 三种方式: 1、后端处理好直接返回前端一个链接 前端点链接下载 2、后端直接将文件流传给前...
- this.$ajax.get(/api/api/Sms/GetSalarySmsExcel,{responseTy...