IE download-Datei

Verwenden Sie die folgenden Zeilen von code, den ich in der Lage bin, eine Datei herunterzuladen, die in der Antwort von einem Ajax-Aufruf in Firefox, Chrome, Opera. Jedoch im IE das href Attribut download wird nicht unterstützt. Daher die unten funktioniert nicht im IE.

HTML:

 <div class="fRight" style="margin-left:5px; margin-rigth:5px" >
    <input type="button" value="Request File"  id = "chReqFileBtn"  onclick = "handleClick"/>
    <a href="#" id="challengeReqFileAnchor" style="visibility: hidden"></a>
 </div>

JavaScript:

function handleClick()
{
    var code = $('#code').val();
    var quantity = $('#quantity').val();

    var req = $.ajax(
    {
        'type': 'POST',
        'url' : $apiBasePath+'config/challenge-file',
         contentType : 'application/json',
        'data': JSON.stringify({'code':code, 'quantity':quantity}),
        'success':function(response, status, xhr)
        {
            var code = xhr.getResponseHeader('Operation-Code');

            var anch = $('#challengeReqFileAnchor');
            anch.attr(
            {
                "download" : 'request.bin',
                "href" : "data:text/plain," + response       
            });
            anch.get(0).click();
        },
        'error': function(request,status,errorThrown) 
        {
           ......
        }
    });
    $pendingReqs.push(req);  
}

Welche Möglichkeiten hätte ich, um zu erreichen das gleiche Verhalten im IE als auch?

  • Warum lassen Sie nicht die server umgehen? Was ist der Zweck der ajax-call?
  • Manchmal kann ein niedrigerer-tech-Ansatz ist besser - weil es nicht nur den IE, wird Probleme haben! Betrachten Sie das speichern der AJAX-Ergebnis auf dem server (oder einfach machen es zu einem normalen HTTP-request an Erster Stelle) und der server die entsprechenden content-disposition Header.
  • Aber wenn Sie unbedingt wollen, dass diese im browser an: github.com/ChenWenBrian/FileSaver.js#examples
  • Auf der server-Seite habe ich den spezifischen Header zu erzwingen, donwload ,da dieser aber ajax hat es keine Wirkung.Ich Tue es in ajax da muss ich auch zum ausführen von zusätzlichem code in der Antwort .
  • mein downloader script funktioniert in IE10+: danml.com/js/download.js es verwendet msSaveBlob für IE10 compat...
  • warum gehst du nicht erstellen Sie so etwas wie meine fiddle: jsfiddle.net/GuyT/r8oknrko/1

InformationsquelleAutor steve | 2014-08-04
  1. 23

    Download-Attribut wird NICHT unterstützt in IE und iOS Safari

    IE download-Datei

    IE<10:

    Befehl SaveAs mit execCommand kann den trick tun, indem Sie element-Inhalte zum herunterladen.

    Nachteile:

    • Probleme in einigen Versionen des IE läuft auf Win7 [ich weiß nicht, ob es behoben Hier]
    • Benötigen eine DOM-element-Daten enthalten

    IE>=10

    Mit msSaveBlob, es ist eine Methode, die es ermöglicht, zu speichern, Blob oder die Datei durch das senden dieses headers:

    Content-Length: <blob.size>
Content-Type: <blob.type>
Content-Disposition: attachment;filename=<defaultName>
X-Download-Options: noopen

    Überprüfen Speichern von Dateien lokal mithilfe von Blob-und msSaveBlob

    Nachteile:

    • Brauchen, um zu definieren, eine Blob -

    Anderen Browsern

    Wenn Sie nicht wollen, um alle, die durch sich selbst, es ist eine schöne Bibliothek FileSaver.js, um generierte Dateien speichern auf client-Seite. Es unterstützt Firefox, Chrome, Chrome für Android, IE 10+, Opera und Safari. Für IE<10 es ist eine Abspaltung der Bibliothek, fügt saveTextAs zum speichern von text-Dateien (.htm -, .html -, .txt)

    Cross-Browser-Lösung

    Einem server-side script erhält, dass mit dem Namen, Daten, meme geben, dann senden Sie die Datei mit dem header Content-Disposition: attachment; filename=FILENAME

    • Vielen Dank für die npm-Modul - mich gerettet Stunden 🙂
    InformationsquelleAutor Issam Zoli
  2. 3

    Ich denke, dies ist im Zusammenhang mit der anch.get(0).click(); unterstützt nicht alle browser speziell für hidden Anker, so dass Sie kann versuchen, folgenden code stattdessen

    anch.get(0).show().focus().click().hide();
    InformationsquelleAutor Dharmesh Patel
  3. 3

    IE nicht unterstützt, weder mit der Navigation zu einem Daten-URI noch die download Attribut.
    Sie können navigator.msSaveBlob zum speichern der Datei für den IE 10+.

    Sie können überprüfen window.navigator.msSaveBlob - und write-IE-spezifischen Code, ansonsten verwenden Sie vorhandenen code in Datei speichern.

    Sie können überprüfen, folgenden link für mehr details:
    Speichern von Dateien lokal mithilfe von Blob-und msSaveBlob

    InformationsquelleAutor Amjad Aziz
  4. 2

    IE nicht unterstützt download - tag.

    Gibt es eine hässlich hack, Sie verwenden können, jedoch.

    • Erstellen eine unsichtbare iframe:

      <iframe id="dummy" style="display:none; visibility:hidden"></iframe>

    • Schreiben Sie Ihre Daten, um die iframe -document: 

      var ifd = document.getElementById('dummy').contentDocument;
ifd.open('text/plain', 'replace');
ifd.write('whatever you want to be in the file');
ifd.close();

    • Verwenden execCommand um die Datei zu speichern (eigentlich, um die Eingabeaufforderung Dialogfeld "speichern unter"):

      ifd.execCommand('SaveAs', true, 'request.bin');

    Beachten Sie, dass execCommand funktioniert nicht im IE11. Ich weiß, es ist fast unmöglich zu erkennen ist der browser völlig korrekt. Jedoch können Sie versuchen, diese als backup-routine, wenn die Datei speichern schlägt fehl, in Ihrem code.

    InformationsquelleAutor sampathsris
  5. 1

    Meine javascript-version für die download-Datei von IE11 mit Stückliste und charset für excel:

    $.post('/cup-frontend/requestthewholelist',
    {ipAddressList: validIpAddressListAsString},   //add custom http variables
    function (returnedData) {                      //success return
        var BOM = "\uFEFF";                        //byte order mark for excel

        if (navigator.msSaveBlob) {                //ie block
            console.log("found msSaveBlob function - is't IE")
            var blobObject = new Blob([BOM + returnedData], {type: ' type: "text/csv; charset=utf-8"'});
            window.navigator.msSaveOrOpenBlob(blobObject, "cup_database.csv");
        }
        else {                                     //non-ie block
            console.log("not found msSaveBlob function - is't not IE")
            var a = window.document.createElement('a');
            a.setAttribute('href', 'data:text/plain; charset=utf-8,' + encodeURIComponent(BOM + returnedData));
            a.setAttribute('download', 'example.csv');
            a.click();
        }

    }).fail(function () {
    console.log('post error')
});
    InformationsquelleAutor d0wn
Schreibe einen Kommentar