在 JavaScript 中下载 Blob 时如何控制文件名？

JavaScript 中 Blob 下载的自定义文件名

通过 window.location 强制下载 Blob 文件时，指定的文件名可以是随机字符串。要自定义此文件名，需要采用涉及隐藏元素的解决方法。

实现

FileSaver.js 提供了一种方法，其中涉及：

1. 创建隐藏的
2. 将其 href 属性设置为 Blob 的 URL。
3. 将其下载属性设置为所需的文件名。
4. 单击

示例

以下简化示例说明了该技术：

var saveData = (function () {
  var a = document.createElement("a");
  document.body.appendChild(a);
  a.style = "display: none";
  return function (data, fileName) {
    var json = JSON.stringify(data),
      blob = new Blob([json], { type: "octet/stream" }),
      url = window.URL.createObjectURL(blob);
    a.href = url;
    a.download = fileName;
    a.click();
    window.URL.revokeObjectURL(url);
  };
}());

var data = { x: 42, s: "hello, world", d: new Date() },
  fileName = "my-download.json";

saveData(data, fileName);

注释

• 旧版浏览器可能不支持下载属性。
• 某些文件格式可能被认为不安全并触发下载失败。建议使用 .txt 扩展名保存 JSON 文件。

以上是在 JavaScript 中下载 Blob 时如何控制文件名？的详细内容。更多信息请关注PHP中文网其他相关文章！