• [转]文件下载方式


    原文: https://www.cnblogs.com/boreguo/p/10282007.html

    ----------------------------------------------------------

    1、HTML5新特性

     <href="要下载文件的路径"  download="要下载文件的名称"></a>

    2、下载方法

        window.open('文件路径');

     或  window.location.href = '文件路径';

    (打开新页面造成页面一闪一闪的)

    问题:以上两种方式在批量下载时循环不可用,在循环中只执行循环的最后一次操作(当然,如果单次下载,点击速度过快也会仅下载最后一次点击的文件)。

    解决:使用iframe下载

    3、下载方法

    download(item, url) {
      const iframe = document.createElement("iframe");
      iframe.style.display = "none"; // 防止影响页面
      iframe.style.height = '0px'; // 防止影响页面
      iframe.src = url+'?downloadUrl='+item.fileUrl+'&fileName='+item.fileName;
      document.body.appendChild(iframe); // 这一行必须,iframe挂在到dom树上才会发请求
      // 5分钟之后删除(onload方法对于下载链接不起作用)
      setTimeout(()=>{
        iframe.remove();
      }, 5 * 60 * 1000);
    }
    -------------------------------------------------------------------------------------------------
    this.selectFiles.forEach(it => {
      that.download(it, url);
    })

    4、解决文件名为中文下载出现_____.doc的问题(angular中)

    download() {
    let url = `路径`;
    this.http.request('GET',url,{
    responseType: "arraybuffer"
    }).subscribe((val:any)=>{
    let blob = new Blob([val], {type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"});
    let objectUrl = URL.createObjectURL(blob);
    let filename = '文件名';
    let aDownload = $("<a><span class='downloadFile'></span></a>").attr("href",objectUrl).attr('download',filename);
    $("body").append(aDownload);
    $(".downloadFile").click();
    aDownload.remove();
    });
    }
  • 相关阅读:
    linux---网络管理
    linux---Vim使用方法大全
    virtualenv离线创建虚拟环境
    python迭代器生成器进阶
    python函数对象
    Django等框架模板渲染中使用Vue控制数据
    django渲染模板与vue的语法冲突解决
    Linux网络抓包
    WSGI Server(uwsgi原理)
    python日志logging模块
  • 原文地址:https://www.cnblogs.com/oxspirt/p/13273191.html
Copyright © 2020-2023  润新知