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

Question

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

情况如下：

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

如何将dataUrl保存到文件中（pdf / png / jpg）？

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

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

两种方式都不起作用！

非常感谢

Answer 1

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

＆＃13;

＆＃13;

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();

＆＃13;

＆＃13;

＆＃13;

将<a>元素与download属性

一起使用

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

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