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

  • 相关阅读:
    ImportError: cannot import name 'render_to_response' 解决方法
    python 操作zookeeper详解
    Appium swipe实现屏幕滑动
    Appium 环境配置
    pytest 常用方法介绍
    Allure+pytest 生成测试报告
    Pytest 使用简介
    python 实现线程之间的通信
    python 使用 thrift 教程
    nginx 配置简单反向代理
  • 原文地址:https://www.cnblogs.com/ygunoil/p/12565584.html
Copyright © 2011-2022 走看看