Zum anzeigen von text aus einer txt-Datei mithilfe von javascript

Wie zum Lesen von text aus einer txt-Datei, mit einer Schaltfläche durchsuchen die Datei-und weitere-Taste zur Anzeige von text. Pls helfen mir immer den code. ich habe versucht, viele codes, aber othing gearbeitet. einige code war wie dieser. Vielen Dank im Voraus

<!DOCTYPE html>
<html>
  <head>
    <title>reading file</title>
    <script type="text/javascript">

        var reader = new FileReader();

        function readText(that){

            if(that.files && that.files[0]){
                var reader = new FileReader();
                reader.onload = function (e) {  
                    var output=e.target.result;
                    //process text to show only lines with "@":             
            output=output.split("\n").filter(/./.test, /\@/).join("\n");

                document.getElementById('main').innerHTML= output;
                };//end onload()
                reader.readAsText(that.files[0]);
            }//end if html5 filelist support
        } 
</script>
</head>
<body>
    <input type="file" onchange='readText(this)' />
    <div id="main"></div>
  </body>
</html>
  • Sie kann nicht Lesen von Dateien von JavaScript.Müssen die Ajax verwenden.
  • Sie können mit dem FileReader-api.
InformationsquelleAutor kumar_salumuri | 2013-10-29
  1. 1

    Sollten Sie richtig Lesen einen Artikel wie diese: http://www.html5rocks.com/en/tutorials/file/dndfiles/

    Glaube nicht, dass diese Linie richtig funktioniert:

    output=output.split("\n").filter(/./.test, /\@/).join("\n");

    Versuchen Sie es zu:

    output=output.split("\n").filter(function(l) {
    //return /^\@/.test(l); //Starting with @
    return l.indexOf('@') > -1; //Containing @
}).join("\n");

    Wäre es interessant zu sehen, ob dies funktionieren würde, wie gut:

    output=output.split("\n").filter(/\@/.test.bind(/\@/)).join("\n");

    Zweiten Argumente zu übergeben die .- filter Methode ist der Kontext, in:

    array.filter(callback[, thisObject])

    InformationsquelleAutor andlrc
  2. 0

    Holen Sie sich die input-Datei, verwenden Sie FileReader (), um es zu Lesen,auf Datei laden, text, dass der dem Muster entspricht. Schließlich zeigen Sie es durch "Haupt" - div. Sollte funktionieren..

    HTML :

    <input id="fileInput" type="file"/>
<div id="main"></div>

    jQuery :

    $(function(){
        $("#fileInput").change(function(e){
            var myFile = e.target.files[0];
            var reader = new FileReader();
            reader.onload = function(e){
                var output = e.target.result;
                output=output.split("\n").filter(/./.test, /\@/).join("\n");
                $("#main").text(output);
            };
            reader.readAsText(myFile)
        });
    }
)

    Demo

    • Eigentlich bin ich neu in javascript. so könnte u pls geben mir die volle code an einem Ort, so dass ich kann laufen und besser zu verstehen.
    • Es funktioniert hier : jsfiddle.net/codeSpy/9CzpX
    • Ich habe auch geschrieben das die demo auf den unteren Teil meiner Antwort mit dem Namen Demo.
    InformationsquelleAutor Ashad Shanto
Schreibe einen Kommentar