首页 > web前端 > js教程 > 如何跨浏览器可靠下载数据URL文件?

如何跨浏览器可靠下载数据URL文件?

Mary-Kate Olsen
发布: 2024-12-07 03:39:11
原创
713 人浏览过

How Can I Reliably Download Data URL Files Across Different Browsers?

下载数据 URL 文件

当您探索开发基于浏览器的 zip/unzip 实用程序的复杂性时,您会在下载时遇到挑战处理后的文件。虽然使用“data:”方案在 Firefox 中有效,但它在 Chrome 中面临兼容性问题。为了解决这个问题,这里有一个适用于多个浏览器的替代解决方案:

“downloadURI”函数提供了在 Chrome、Firefox 和某些版本的 Internet Explorer 中下载数据 URL 文件的一致方法。它在 DOM 中动态创建下载链接,使用“下载”属性设置所需的文件名,并启动下载过程。完成后,链接将被删除,以确保正确清理。

用法:

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");
登录后复制

通过实施此解决方案,您可以提供强大的跨浏览器机制来从数据下载文件网址。这将允许用户在浏览器中轻松地从您的 zip/unzip 实用程序中检索提取的文件。

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

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