Electron - 如何将base64 dataUrl保存到文件

Question

我正在处理一个现有的 Electron 项目（将 Web 应用程序转换为桌面应用程序），该项目的任务是将屏幕上的内容导出为 pdf/png/jpg。

情况如下：

1. 桌面应用程序是纯粹的客户端代码，它不连接到任何 API 或服务器（以防万一您建议使用 Nodejs 服务器端代码的解决方案）
2. 我已经从画布对象中获得了 dataUrl（它是文件的 base64 字符串）

如何将该 dataUrl 保存到文件 (pdf/png/jpg) 中？

以下是我尝试过的一些方法：

1. 好旧的 window.location = dataUrl（没有任何反应）
2. 在div里面创建一个表单，action=dataUrl，然后提交表单

两种方法都不行！

非常感谢

Answer 1

要进行下载，data URI 的 MIME 类型需要更改为 "application/octet-stream"

var dataURL = "data:text/plain,123";
var form = document.createElement("form");
form.action = dataURL.replace(/:[\w-/]+(?=,)/, ":application/octet-stream");
form.method = "GET";
document.body.appendChild(form);
form.submit();

使用带有download 属性的<a> 元素

var dataURL = "data:text/plain,123";
var a = document.createElement("a");
a.download = "file";
a.href = dataURL;
document.body.appendChild(a);
a.click();

参见How to download a file without using <a> element with download attribute or a server??