美文网首页
文件下载,添加token校验,替代
作者: zhenghongmo | 来源:发表于2019-11-13 14:03 被阅读0次
    • 代码实现如下
    function createObjectURL(object) { return (window.URL) ? window.URL.createObjectURL(object) : window.webkitURL.createObjectURL(object); }
                var xhr = new XMLHttpRequest();
                var formData = new FormData();
                xhr.open('get','url');  //url填写后台的接口地址,如果是post,在formData append参数(参考原文地址)
                xhr.setRequestHeader("access-token", sessionStorage.getItem('access-token'));
                xhr.responseType = 'blob';
                xhr.onload = function (e) {
                    if (this.status == 200) {
                        var blob = this.response;
                        var filename = "xxxx.xls";  //这里的名字,可以按后端给的接口固定表单设置一下名字,如(费用单.xlsx,合同.doc等等)
                        console.log(this.response)
                         if (window.navigator.msSaveOrOpenBlob) {
                            navigator.msSaveBlob(blob, filename);
                        } else {
                          var a = document.createElement('a');
                         var url = createObjectURL(blob);
                         a.href = url;
                         a.download = filename;
                         document.body.appendChild(a);
                         a.click();
                         window.URL.revokeObjectURL(url);
                        }
                    }
                };
                xhr.send(formData);
    

    相关文章

      网友评论

          本文标题:文件下载,添加token校验,替代

          本文链接:https://www.haomeiwen.com/subject/vlvhictx.html