zoukankan      html  css  js  c++  java
  • 文件下载重命名(可跨域)

    一、正常情况下,我们都如此下载文件并修改文件名,在a标签上面添加download属性

    var link = document.createElement('a');
    link.href = file.url;
    link.download = file.name;
    link.target="_blank";
    link.click();
    

      


     

    由于a.download跨域会失效,上面代码只可同域实现
    二、通过blob实现跨域下载并修改文件名

    点击时调用如下方法

    function load(file) {
    this.getBlob(file.url).then(blob => {
    this.saveAs(blob, file.name);
    });
    },


    //通过文件下载url拿到对应的blob对象

    getBlob(url) {
    return new Promise(resolve => {
    const xhr = new XMLHttpRequest();
    
    xhr.open('GET', url, true);
    xhr.responseType = 'blob';
    xhr.onload = () => {
    if (xhr.status === 200) {
    resolve(xhr.response);
    }
    };
    
    xhr.send();
    });
    },
    //下载文件
    saveAs(blob, filename) {
    var link = document.createElement('a');
    link.href = window.URL.createObjectURL(blob);
    link.download = filename;
    link.click();
    }
    

      

    ————————————————
    版权声明:本文为CSDN博主「cici-99」的原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接及本声明。
    原文链接:https://blog.csdn.net/pqj222/java/article/details/102628834

  • 相关阅读:
    HashMap代码示例
    ArrayList代码示例
    ArrayList&LinkedList&Map&Arrays
    Calendar日历小程序
    System & Runtime &Math
    基本类型的封装类
    开发规范
    P1607 [USACO09FEB]庙会班车Fair Shuttle
    P2869 [USACO07DEC]美食的食草动物Gourmet Grazers
    Set,Multiset,Iterator(迭代器)详解
  • 原文地址:https://www.cnblogs.com/ygunoil/p/12565584.html
Copyright © 2011-2022 走看看