.文件a链接下载

最新推荐文章于 2024-04-24 15:15:38 发布

冰冰-ying

最新推荐文章于 2024-04-24 15:15:38 发布

阅读量79

点赞数

文章标签： java 前端 javascript

本文链接：https://blog.csdn.net/yingw1/article/details/134876875

版权

本文介绍了如何使用JavaScript的XMLHttpRequest对象实现文件的异步下载，包括创建XMLHttpRequest实例、设置响应类型、处理成功下载的逻辑以及撤销URL对象URL.createObjectURL的资源。

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

downloadFile(_fileUrl, filename) {
    var xhr = new XMLHttpRequest();
    //加载出错的事件
    // xhr.addEventListener("error", uploadFail, false);
    xhr.open("GET", _fileUrl);
    //设置响应类型
    xhr.responseType = 'blob';
    xhr.onload = function (e) {
        if (this.status === 200) {
            // 截取掉'attachment;filename='
            // var filename = xhr.getResponseHeader("Content-disposition").slice(20);
            var blob = this.response;
            var a = document.createElement('a');
            var url = URL.createObjectURL(blob);
            a.href = url;
            a.download = filename;
            document.body.appendChild(a);
            a.click();
            window.URL.revokeObjectURL(url);
        }
    }
    xhr.send();
},