如何在不同浏览器中可靠地下载 JavaScript 中的数据 URL 文件？

下载数据 URL 文件

JavaScript 从数据 URL 下载文件的能力是有限的，尤其是在 Chrome 中。当处理涉及直接从浏览器下载文件的项目时，这会成为一个障碍，例如创建基于浏览器的 zip 实用程序。

但是，存在一种解决方案，可以以与 Chrome 和 Chrome 兼容的方式下载数据 URL 文件和 Firefox：

创建下载链接

与其设置 window.location，更好的方法是创建一个临时的 ;元素，将其 download 属性设置为所需的文件名，并将其 href 设置为数据 URL。此方法适用于主要浏览器：

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;
}

用法示例：

要下载名为“helloWorld.txt”且内容为“HelloWorld!”的文本文件，使用以下代码：

downloadURI("data:text/html,HelloWorld!", "helloWorld.txt");

此解决方法提供了一种可靠的方法来下载数据 URL 文件，无论文件格式如何或浏览器兼容性。

以上是如何在不同浏览器中可靠地下载 JavaScript 中的数据 URL 文件？的详细内容。更多信息请关注PHP中文网其他相关文章！