"Speichern" - Fenster, ausgelöst durch Javascript - WIE?

wie Sie ausgelöst öffnen - /speichern-Fenster per javascript?

InformationsquelleAutor Mubeen | 2010-08-20
  1. 1

    Ich nehme an, du meinst die "Offene Seite" und "Seite Speichern unter..." - Dialoge.

    Diese können ausgelöst werden durch das JavaScript innerhalb einer HTML-Seite.

    Können Sie jedoch generieren, herunterladbare Dateien innerhalb von JavaScript mit Hilfe der Flash-basierten Downloadify Helfer. So könnte man theoretisch erzeugen Sie eine Datei herunterladen, in dem browser, enthält die aktuelle Seite im HTML-Quellcode.

    InformationsquelleAutor Pekka 웃
  2. 1

    Je nachdem, was Sie versuchen, zu speichern, dies kann oder kann nicht möglich sein. Wenn Sie Triggern möchten Sie den Speichern-dialog zum speichern der aktuellen Seite, die Sie könnten versuchen document.execCommand("SaveAs") aber nicht sicher, ob es cross-browser. Wenn Sie zulassen möchten, dass der Benutzer eine Datei herunterladen, die dann erstellen Sie einen link, über den der user klickt, und der server sendet die Datei zusammen mit der richtigen HTTP-Header:

    Content-Disposition: attachment; filename=foo.txt
    InformationsquelleAutor Darin Dimitrov
  3. 1

    Internet Explorer unterstützt die Auslösung Browser-Befehle:

    document.execCommand("SaveAs");

    öffnet das Dialogfeld speichern unter. Ich bin mir nicht bewusst eine Crossbrowser Weg, dies zu tun.

    InformationsquelleAutor Gordon
  4. 0

    Mittels einfacher Javascript-ich denke, es ist nicht möglich, eine Datei zu öffnen Fenster.

    Dann möchte ich vorschlagen, dass Sie die jQuery - "Custom File-Input" - Funktion.

    Gibt es Ihnen die Möglichkeit zu wählen, eine Datei auf dem client-Dateisystem, es ist nicht eine echte öffnen - /speichern-Fenster, aber es kann Ihnen helfen, zu erstellen Sie einige Datei-system-Interoperabilität-Funktion.

    Laden Sie die jQuery-Bibliothek und dann die file-input-plugin

    http://plugins.jquery.com/files/jquery-custom-file-input.js.txt

    Beispiel: 

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>Untitled Page</title>
</head>
<body>

<script type="text/javascript" src="./JQuery/jquery.js"></script>
<script type="text/javascript" src="./JQuery/jquery-custom-file-input.js"></script>


<script type="text/javascript">
<!--
    $().ready(function() 
{
    $("#filewindow").file().choose(function(e, input) {
        alert("you choose: " + input.val());
    });

});
//-->
</script>


<button id="filewindow">File</button>


</body>
</html>
    InformationsquelleAutor Marcello Faga
Schreibe einen Kommentar