学无先后,达者为师

网站首页 编程语言 正文

前端下载文件时修改文件名

作者:啃代码的毛毛虫 更新时间: 2023-10-17 编程语言

调用下面的download函数即可,需要传入下载链接url和下载后的文件名filename

    //下载文件
    download(url, filename) {
      getBlob(url, function (blob) {
        saveAs(blob, filename);
      });

      function 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();
      }

      function 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;
          link.style.display = 'none';
          body.appendChild(link);
          link.click();
          body.removeChild(link);
          window.URL.revokeObjectURL(link.href);
        };
      }
    }

原文链接:https://blog.csdn.net/mao0523/article/details/122475880

  • 上一篇:没有了
  • 下一篇:没有了
栏目分类
最近更新