Comment faire pour forcer le téléchargement .fichier csv au lieu de se faire ouvrir sur navigateur html

Lorsque je clique sur le bouton de téléchargement, il un lien vers une nouvelle page web grâce et au bout de 2 sec commencer le téléchargement .fichier csv à partir de la carte SD.

Au lieu de télécharger le fichier, il se affiche sur le navigateur. Ci-dessous mon code.

Comment puis-je obtenir l'option de téléchargement à chaque fois? S'il vous plaît pas de code php, comme je suis nouveau sur le code html.

Je ne veux pas sauvegarder à l'aide de option enregistrer sous après .fichier csv ouvrir le navigateur.

    <!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~ va me donner de nom de fichier au moment de l'exécution.

InformationsquelleAutor Hari | 2016-01-29
  1. 7

    À ce stade, la solution de sécurité est de définir les en-têtes de réponse.

    Les navigateurs modernes soutien download attribut pour ancre éléments qui est utilisé pour spécifier le nom du fichier tel qu'il sera téléchargé:

    HTML:

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

    • Je suis le mouvement de grâce et de la page de démarrage du téléchargement lorsque l'utilisateur cliquez sur démarrer bouton de téléchargement. Maintenant, pour télécharger le fichier de l'utilisateur, à nouveau, cliquez sur "Télécharger DONC Logo". Ne pouvons-nous faire d'une autre manière?
    • Vous ne pouvez avoir qu'une seule page avec deux sections, l'une pour télécharger la présentation et merci pour le téléchargement " qui est d'abord caché. Sur clic, vous pouvez basculer l'affichage de la section. Comment vous, c'est encore une autre question, et il y a plusieurs solutions: CSS, Javascript
    • À l'aide de download est la voie à suivre, sauf si vous n'avez pas à appuyer idiot navigateurs comme IE11. Dans ce cas, le réglage de la Content-Type à text/csv a fonctionné pour moi.
    InformationsquelleAutor B0Andrew
  2. 2

    Vous pouvez utiliser le téléchargement attribut

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

    Ce un Attribut HTML5.

    • Il me semble que vous êtes la répétition d'un existant réponse à la question. Veuillez lire ce comment répondre pour la fourniture d'une qualité de réponse.
    InformationsquelleAutor Al Quarashi
  3. 0

    À l'aide de PHP, ajouter à vos en-têtes;

    header('Content-Type: application/csv');
header('Content-Disposition: attachment; filename=example.csv');
header('Pragma: no-cache');
readfile("/filepath/example.csv");
    • Eh bien, vous pouvez utiliser le HTML 5 de l'approche; <a href="example.csv" download>Click here</a> pour le téléchargement à partir d'un lien. Mais avec HTML5, je ne pense pas que vous pouvez compter sur ce travail dans les navigateurs plus anciens.
    • Lymer comment puis-je mettre en œuvre ce code php quand je clique sur un bouton?
    InformationsquelleAutor Matthew Lymer