2023-02-07 window.open(url)更改下载文件的名称

最新推荐文章于 2025-05-12 09:59:25 发布

原创最新推荐文章于 2025-05-12 09:59:25 发布 · 2.5k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #html

常见问题专栏收录该内容

12 篇文章

订阅专栏

该代码片段展示了一种使用JavaScript创建动态`<a>`标签并利用Blob对象处理文件URL，实现文件下载的方法。通过指定fileurl（接口返回的文件地址）和filename（下载后的文件名），可以触发浏览器的文件下载行为。

const downloadFile = ((fileurl, filename) => { //fileurl文件地址（一般是接口返回） filename文件下载后的名字
  console.log("3333")
  var a = document.createElement('a');
  a.download = filename; //下载后文件名
  a.style.display = 'none';
  var blob = new Blob([fileurl]);  // 字符内容转变成blob地址 二进制地址
  a.href = URL.createObjectURL(blob);
  document.body.appendChild(a);
  a.click();                        // 触发点击
  document.body.removeChild(a);    // 然后移除

});