Wie gewaltsam download .csv-Datei, anstatt öffnen Sie den browser in html

Wenn ich auf den download button drücken, link zur neuen Webseite Dank und nach 2 Sek download starten .csv-Datei von der SD-Karte.

Statt dem herunterladen der Datei, wird es immer angezeigt, die auf browser -. Unten ist mein code.

Wie bekomme ich die download-option, jedes mal? Bitte kein php-code, wie ich bin neu in html.

Ich nicht wollen, speichern Sie mit save as option nach .csv-Datei-browser öffnen.

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
            <title>Monitoring System</title>
            <link href="/mchp.css" rel="stylesheet" type="text/css" />
            <script src="/mchp.js" type="text/javascript"></script>
        </head>

        <body>
            <div id="shadow-one">
                <div id="shadow-two">
                    <div id="shadow-three">
                        <div id="shadow-four">
                            <div id="page">
                                <div>
                                    <div>
                                        <div>
                                            <div id="title">    
                                                <div class="right">Interface</div>
                                                <div class="left">Overview</div>
                                            </div>

                                            <div id="content">
                                                <h1>Monitoring System</h1>

                                                <table style="padding-left: 10px;">
                                                    <div id="lcontent">
                                                    <div id="llogindiv" ><h1>Thanks for downloading...</h1></div>
                                                    <META HTTP-EQUIV="refresh" CONTENT="2;~GetEventFile~;";>
                                                </table>

                                            </div>
                                        </div>
                                        <div class="spacer">&nbsp;</div>
                                        <div id="footer">Copyright &copy; Monitoring System</div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </body>
    </html>

~GetEventFile~ geben Sie mir die Datei-Namen zur Laufzeit.

InformationsquelleAutor Hari | 2016-01-29
  1. 6

    Zu diesem Zeitpunkt die sichere Lösung ist, um die Antwort-Header.

    Moderne Browser unterstützen download Attribut für Anker Elemente, die verwendet wird, geben Sie den Namen der Datei heruntergeladen werden:

    HTML:

    <a href="http://sstatic.net/stackexchange/img/logos/so/so-logo.png" download="logo.png">Download SO Logo</a>

    • Ich bewege mich auf danke-Seite und der download wird gestartet, wenn Benutzer klicken Sie auf download starten klicken. Jetzt herunterladen der Datei user wieder haben, klicken Sie auf "Download ALSO Logo". Können wir nicht irgendeine andere Möglichkeit?
    • Sie können nur eine Seite mit zwei Sektionen, eine für download der Präsentation und eine für "vielen Dank für das herunterladen", die sich zunächst versteckten. Klicken Sie auf wechseln Sie den angezeigten Bereich. Wie Sie diesem ist noch eine andere Frage, und es gibt mehrere Lösungen: CSS, Javascript
    • Mit download ist der Weg zu gehen, es sei denn, Sie nicht haben, um Unterstützung dumm Browsern wie IE11. In diesem Fall, die Einstellung der Content-Type zu text/csv für mich gearbeitet.
    InformationsquelleAutor B0Andrew
  2. 2

    Können Sie das download-Attribut

    <a href="Document.pdf" download="Document.pdf">Download the pdf</a>

    Diese ein HTML5 Attribut.

    • Es scheint, dass Sie wiederholen eine vorhandene Antwort auf die Frage. Bitte Lesen Sie diese how-to-Antwort für die Bereitstellung einer Qualität zu beantworten.
    InformationsquelleAutor Al Quarashi
  3. 0

    Mit PHP, fügen Sie diese zu Ihrem Header;

    header('Content-Type: application/csv');
header('Content-Disposition: attachment; filename=example.csv');
header('Pragma: no-cache');
readfile("/filepath/example.csv");
    • 'Bitte kein php-code'
    • Auch Sie können die HTML-5-Ansatz; <a href="example.csv" download>Click here</a> für den Download von einem link. Aber mit, dass es HTML5, ich glaube nicht, Sie können sich darauf verlassen, dies funktioniert auch in älteren Browsern.
    • Lymer wie kann ich das implementieren dieser php-code, wenn ich auf eine Schaltfläche klicken?
    InformationsquelleAutor Matthew Lymer
Schreibe einen Kommentar