我正在编写一个要在所有平台上分发的 NodeJS Electron 应用程序。我有一个下载按钮，我想弹出一个“另存为”对话框，其中包含从服务器提供的文件。有人知道最好的方法吗？
以下是我在本地运行节点应用程序时尝试过的工作，但在我使用电子打包程序打包应用程序后失败：
运行打包的 mac 应用程序时，会触发“did-fail-load”事件并阻止“另存为”对话框显示。查看网络请求时，我可以看到文件已从服务器成功检索。我似乎无法弄清楚为什么会触发“did-fail-load”事件。
【问题讨论】：
查看电子文档https://github.com/atom/electron/blob/master/docs/api/dialog.md上的此页面
有一段关于dialog.showSaveDialog
然后，您可以使用保存对话框中的 URL 并使用类似于下面的功能将其保存到该位置。
session.on('will-download', function(event, item, webContents) {
event.preventDefault();
require('request')(item.getUrl(), function(data) {
require('fs').writeFileSync('/somewhere', data);
});
});
在此页面上找到https://github.com/atom/electron/blob/master/docs/api/session.md
【讨论】：
在 HTML 按钮上：
<button onclick='myUrlSaveAs("http://www.example.com/path/to/file.jpg")'>Save As</button>
在您的 javascript 文件中：
// Include in the render side
var elerem = require('electron').remote;
var dialog = elerem.dialog;
var app = elerem.app;
var http = require('http');
var fs = require('fs');
var path = require('path');
function myUrlSaveAs(remoteUrl){
// app.getPath("desktop") // User's Desktop folder
// app.getPath("documents") // User's "My Documents" folder
// app.getPath("downloads") // User's Downloads folder
var toLocalPath = path.resolve(app.getPath("desktop"), path.basename(remoteUrl)
var userChosenPath = dialog.showSaveDialog({ defaultPath: toLocalPath });
if(userChosenPath){
download (remoteUrl, userChosenPath, myUrlSaveAsComplete)
}
}
function myUrlSaveAsComplete(err){
alert("done");
}
function download (url, dest, cb) {
var file = fs.createWriteStream(dest);
var request = http.get(url, function(response) {
response.pipe(file);
file.on('finish', function() {
file.close(cb); // close() is async, call cb after close completes.
});
}).on('error', function(err) { // Handle errors
fs.unlink(dest); // Delete the file async. (But we don't check the result)
if (cb) cb(err.message);
});
};
【讨论】：
如果您只想使用渲染器，下面是一个示例。单击时，Electron 将显示标准浏览器的另存为对话框。不需要remote 也不需要fs。
<!--html-->
<button onclick="saveFile()">SAVE AS</button>
在渲染器 javascript 文件中：
// renderer javascript file
function saveFile() {
const content = "File content to save";
const element = document.createElement("a");
const file = new Blob([content], {type: "text/plain"});
element.href = URL.createObjectURL(file);
element.download = "file.txt";
element.click();
}
（我在 mac 上，还没有在 Windows 机器上尝试过）
【讨论】：