前端-javascript根据url下载文件

最新推荐文章于 2024-08-09 11:41:48 发布

lyt1

最新推荐文章于 2024-08-09 11:41:48 发布

阅读量1.6k

点赞数

分类专栏：前端文章标签： url js jquery

本文链接：https://blog.csdn.net/weixin_43625121/article/details/109180251

版权

XMLHttpRequest Blob FileSaver.js 下载文件保存

关键词由CSDN通过智能技术生成

前端专栏收录该内容

11 篇文章 1 订阅

订阅专栏

var url = url.replace(/\\/g, '/');
var fileName = url.substring(url.lastIndexOf("/")+1);
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
// 为了避免大文件影响用户体验，建议加loading
xhr.onload = () => {
    if (xhr.status === 200) {
        // 获取文件blob数据并保存
        saveAs(xhr.response, fileName);
    }
};
xhr.send();

function saveAs(data, name) {
    var urlObject = window.URL || window.webkitURL || window;
    var export_blob = new Blob([data]);
    //createElementNS() 方法可创建带有指定命名空间的元素节点。
    //此方法可返回一个 Element 对象。
    var save_link = document.createElementNS('http://www.w3.org/1999/xhtml', 'a');
    save_link.href = urlObject.createObjectURL(export_blob);
    save_link.download = name;
    save_link.click();
}