美文网首页
下载文件

下载文件

作者: 热心程序猿黄帅哥 | 来源:发表于2019-12-25 10:32 被阅读0次
fileDownload(id, name) {
    // 下载附件
    var _this = this;
    this.getBlob(`/officeNetwork/material?materialId=${id}`, function (blob) {
      _this.saveAs(blob, name);
    });
  }

  /**
    * 获取 blob
    * @param  {String} url 目标文件地址
    * @return {cb} 
    */
  getBlob(url, cb) {
    var xhr = new XMLHttpRequest();
    xhr.open('GET', url, true);
    xhr.responseType = 'blob';
    xhr.onload = function () {
      if (xhr.status === 200) {
        cb(xhr.response);
      }
    };
    xhr.send();
  }

  /**
  * 保存
  * @param  {Blob} blob     
  * @param  {String} filename 想要保存的文件名称
  */
  saveAs(blob, filename) {
    if (window.navigator.msSaveOrOpenBlob) {
      navigator.msSaveBlob(blob, filename);
    } else {
      var link = document.createElement('a');
      var body = document.querySelector('body');
      link.href = window.URL.createObjectURL(blob);
      link.download = filename;
      // fix Firefox
      link.style.display = 'none';
      body.appendChild(link);
      link.click();
      body.removeChild(link);
      window.URL.revokeObjectURL(link.href);
    };
  }

相关文章

  • Android 零碎知识点和技巧

    使用DownloadManager下载文件 下载文件 监听下载结果 文件下载断点续传 1.获取已下载的文件长度. ...

  • js文件下载

    1.文件流下载 根据后台接口文件流下载 调用 2.文件地址下载 根据文件地址下载文件 调用 3.base64流下载...

  • wget下载数据

    下载单个文件 -nc: 继续下载中断的操作 下载目录下面所有文件 下载多个文件:

  • 文件下载

    由于不同的浏览器兼容不同,对于直接a标签下载文件,有的浏览器可以,有的浏览器会直接播放。为了保证下载操作的正确执行...

  • 文件下载

    常见的文件格式: 文件下载HTML 图片文件下载PHP

  • 文件下载

    IOUtils 的对应包 需要关闭流的对象放在try()内不用写关闭代码

  • 文件下载

    文件下载是实际项目中经常用的一个接口,不同于图片下载客户端自己保存就可以了,需要开放对应的接口。同时,一般会结合P...

  • 文件下载

    1.小文件下载 1.1下载方式 【NSData dataWithContentsOfURL:】 [NSURLCon...

  • 文件下载

  • 文件下载

    初始化下载管理器 添加下载 下载数据管理 创建请求 Get Post Delegate 下载数据本地化 创建任务 ...

网友评论

      本文标题:下载文件

      本文链接:https://www.haomeiwen.com/subject/vlzqoctx.html