Wie man Cross-Browser-Kompatibilität für Fenster.fileReader-API von HTML5

Hi Html5-Entwickler und HTML4-Entwicklern zu...

Ich möchte wissen, ob gibt es eine Möglichkeit, support-Fenster.fileReader-API von html5 im IE8 und höher.

den folgenden code :

if(window.fileReader){
  alert("supported"); //in html5 works and fires alert but not in IE8 
}

Eigentlich will ich Lesen den Inhalt der Datei, bevor du Sie abschickst.

  • Kann ich eine Bedingung, wenn Fenster.fileReader ist unterstützt Sie dann
    Folgen Sie der 'A' - Zeile von code mithilfe von HTML5 , sonst wenn Fenster.fileReader ist nicht unterstützt, dann
    eine andere Sache..., die Datei zu Lesen
  • Ich auch wollen zu wissen die Art und Weise, zum Lesen der Datei Inhalte ohne die Verwendung
    HTML5-fileAPI... aber nicht mit ActiveXObject.

Warten auf die Antwort..

InformationsquelleAutor Beutiful World | 2013-12-12

  1. 7

    Gibt es mehrere Stücke, die Sie brauchen, um zu überprüfen, die Unterstützung von:

    //Full File API support.
if ( window.FileReader && window.File && window.FileList && window.Blob )
{
    //Supported
}

else alert( "Not supported" );

    Ihre zweite Forderung:

    Ich auch wollen zu wissen die Art und Weise, zum Lesen der Datei Inhalte ohne die Verwendung
    HTML5-fileAPI... aber nicht mit ActiveXObject.

    Was Sie tun können ist dieses:

    1. Haben einen iframe (veröffentlichen Sie)
    2. Haben ein input vom Typ "file"
    3. Wenn der Benutzer die lokale Datei, die Sie verwenden javascript, um es auf den iframe (z.B. document.getElementById( "myForm" ).target = "myIframe"; document.getElementById( "myForm" ).submit();
    4. Die iframe-Seite Gepostet (Könnte PHP) liest die hochgeladene Datei-Inhalte und führt einen Rückruf an die übergeordnete Seite (z.B. <script>window.parent.someCallbackFunction( theFileCOntents );</script>)

    InformationsquelleAutor Don Rhummy

  2. 2

    Können Sie überprüfen Funktionen mit einfacher Logik und wickeln Sie Ihre Funktionalität.

    if ('FileReader' in window) {
  //Do something with FileReader since it's supported
} else {
  //Do something with your polyfill solution
}

    Können Sie versuchen, ein polyfill-Lösungen wie die hier (funktioniert im IE8):
    https://github.com/Jahdrien/FileReader

    InformationsquelleAutor joseeight

  3. 1

    Können Sie immer mit einem try-catch um zu überprüfen, die FileReader() unterstützt wird, in einem browser.

    try {
    var reader = new FileReader();
    //do something
}
catch(e) {
    alert("Error: seems File API is not supported on your browser");
    //do something
}

    InformationsquelleAutor CodZilla

Schreibe einen Kommentar