浏览器中，使用文件url来下载文件到本地，并自定义文件名的方法

RumbleWx

已于 2023-12-27 18:05:04 修改

阅读量1k

点赞数 8

文章标签： pdf 前端 javascript

于 2023-11-22 11:40:59 首次发布

本文链接：https://blog.youkuaiyun.com/RumbleWx/article/details/134549970

版权

// 以pdf文件为例
downloadPdfFnc(pdfUrl, pdfName){
      // 构建文件内容
      fetch(pdfUrl)
      .then(response => response.blob())
      .then(blob => {
          const url = URL.createObjectURL(blob);
          const a = document.createElement('a');
          a.href = url;
          a.download = `${pdfName}.pdf`; // 设置下载文件的名称
          a.style.display = 'none';
          document.body.appendChild(a);
          a.click();
          URL.revokeObjectURL(url);
          document.body.removeChild(a);
        });
},