Datei von Anchor-Tag mit Electron speichern

Question

Ist es möglich, dass normale Anchor-Tags auf Dateien verweisen, die einen Dialog zum Speichern der Datei öffnen? Wie ein Webbrowser.

Zum Beispiel:

<a download href="documents/somefile.pdf">Download</a> 

Und mit diesem Anker-Tag eine Datei speichern-Dialog auf Klick auslösenden?

Ich habe versucht mit file://absolute-path-to-the-dir/documents/somefile.pdf und es möchte die Datei in der Anwendung öffnen, anstatt es herunterzuladen.

Update: In einer späteren Version von Electron als ich verwendet habe, wenn ich diese Frage schrieb das Verhalten ist wie ich es will, ein Fenster öffnet, fragt den Benutzer, um die Datei zu speichern.

jedoch im Fall von externen Links und will die Elektronenfenster für interne Links nur zu halten und die Externen in der Standard-OS Wahl zu öffnen, kann die Antwort von Joshua Smith genau das tun.

Answer 1

Was ich tue, ist zweifach.

mainWindow.webContents.on('new-window', function(event, url) { 
    event.preventDefault(); 
    console.log("Handing off to O/S: "+url); 
    shell.openExternal(url); 
}); 

, dass es so, dass, wenn eine Seite in meiner app will ein neues Fenster öffnen, das in einem aktuellen Browser passieren wird. Dies ist auch gut zum Öffnen von PDFs und dergleichen.

Dann stelle ich nur sicher, dass alle Download-Links verwenden target = _blank oder window.open() und der Download wird im Browser des Benutzers passieren.

Answer 2

In Skript können Sie die Datei speichern Dialog verwenden, indem Sie das Dialogmodul:

var fs = require('fs'); 
var dialog = require('dialog'); 
dialog.showSaveDialog(options, function (filePath) { 
    fs.writeFile(pdfContents, filePath, function (err) { 
     if(err) console.error(err); 
    }); 
}); 

Hier ist die Dokumentation:

https://github.com/atom/electron/blob/master/docs/api/dialog.md#dialogshowsavedialogbrowserwindow-options-callback