Question

Javascriptの行を読んで：HTML

<script src="../plugin/jquery-3.1.0.min.js"></script> 
<script> 
    $(document).ready(function(){ 
     $('#test').click(function(){ 
      var txtFile = '../fileupload/mail.txt'; 
      var file = new File(txtFile); 
      file.open("r"); 
      while (!file.eof) { 
       alert(file.readln()); 
      } 
      file.close(); 
     }); 
    }); 
</script> 

を：私はチェックボタンをクリックすると

<button type="submit" class="btn btn-default" id="test">Check</button> 

、Javascriptが行毎にファイルを読み込みます。しかし、それは:(実行されません。あなたはそのブラウザでホストされたJavaScriptから道のファイルを読み込むことができません

Answer 1

私はそれを修正する助けてください。File constructorはただ一つの引数を受け入れていない、とFile objectsは持ってopen、readln、またはしないでくださいclose方法もeofプロパティ。あなたが見ているものは何でも参照、それはブラウザベースFileオブジェクトのためではありません。

あなたが適切なウェブページからこれを実行している場合は、経由して、独自のサーバからリソースを読み込むことができますajax（XMLHttpRequestまたはfetch）。

もし、ローカルファイルを読み取ろうとするとinput type="file"を使用してユーザーにファイルを指定する必要があります（ファイルに対しては実行できません）。​​3210を使用してファイルの内容を読み取る必要があります。 This answerにはこれを行う例があります（テキストとバイナリの両方）。

Answer 2

あなたが作成し、私はあなたが私がinput type="file" id="file-test"を追加しFileReaderを使用し、ファイルをアップロードするために探している場合は、file saver

var blob = new Blob(["r"], {type: "text/plain;charset=utf-8"}); 
saveAs(blob, "mail.txt"); 

他

を見てみることを示唆しているファイルをダウンロードするために探している場合。

$('#file-test').change(function(e) { 
    var doc = event.target.files.document; 
    var reader = new FileReader(); 
    reader.onload = function(event) { 
    // Then you can do something with the result 
    console.log(event.target.result) 
    }; 

    reader.readAsText(doc); 
}