首页 > web前端 > js教程 > 如何从不同浏览器的数据URL下载文件?

如何从不同浏览器的数据URL下载文件?

Susan Sarandon
发布: 2024-11-28 00:19:10
原创
456 人浏览过

How Can I Download Files from Data URLs in Different Browsers?

通过数据 URL 下载文件

在创建可通过浏览器访问的基于 JavaScript 的 zip 实用程序时,出现了一个关键挑战:从数据 URL 下载文件。虽然 Firefox 可以无缝处理它,但 Chrome 却带来了困难。使用数据 URL 进行文件下载会带来限制,因为文件可能并不总是图像。

解决方案

对于 Chrome、Firefox 和某些 IE 版本,有一个解决方案存在。通过利用以下代码,用户可以为下载提供特定的文件名:

function downloadURI(uri, name) {
  var link = document.createElement("a");
  link.download = name;
  link.href = uri;
  document.body.appendChild(link);
  link.click();
  document.body.removeChild(link);
  delete link;
}
登录后复制

其用法示例:

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");
登录后复制

通过此解决方法,用户可以轻松下载文件具有所需的文件名,无论其格式如何。

以上是如何从不同浏览器的数据URL下载文件?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板