JavaScriptのテキストファイルをサーバーから読み取る

Question

私はm3uファイルを持っています。そのファイルから情報を抽出したいのです。私はテキストファイルとして読むことができますか？ JavaScriptやHTMLでサーバーに配備されたテキストファイルやm3uを、行ごとに読み込んで情報を取得するにはどうすればよいですか？

Answer 1

私は上記のコメントにリンクされている例から始めて、Javascriptを使用して基本的な例を作成しました。 FileReaderを使用してテキストファイルを読み込み、onload関数でループを作成します。ここで、必要なレコードを解析します。 https://jsfiddle.net/1sce9mv6/6/

Javascriptを：：

document.getElementById('file').onchange = function() { 

    var file = this.files[0]; 

    var reader = new FileReader(); 
    reader.onload = function(progressEvent) { 
    // Entire file for debugging 
    //console.log(this.result); 

    // By lines 
    var lines = this.result.split('\n'); 

    console.log('File read.'); 

    //Check if this is an m3u file 
    if (lines[0].includes("#EXTM3U")) { 
     console.log("File header found!"); 

     //Go through each line 
     for (var line = 1; line < lines.length; line++) { 

     //Process line 
     if (lines[line].includes("#EXTINF")) { 

      //print full line 
      console.log(lines[line]); 

      //split each line into the elements 
      var currentLine = lines[line].substring(7).split(','); 
      console.log("Runtime: " + currentLine[0]); 
      console.log("Song:" + currentLine[1]); 
     } else { 
      continue; 
     } 
     } 
    } else { 
     console.log(lines[0]); 
     console.log("Not m3u file..."); 
    } 
    }; 
    reader.readAsText(file); 
}; 

HTML：

<input type="file" name="file" id="file"> 

参考文献：

私は、実施例6

結果を用いて、ウィキペディアのオフに私のファイル仕様をベース

• How to use Javascript to read local text file and read line by line?
• https://en.wikipedia.org/wiki/M3U#Examples

Answer 2

これはjQueryの使用をお勧めします。

あなたが行毎にファイルを読み込むしようとしている場合は、使用します。

引数データは、結果のファイル情報をある

<script> 
    $.get("item.txt", function(data) { 

    }); 
</script> 

。たとえバイト単位でデータを取得しようとしていても、正常に動作します。私は.m3uファイルに精通しているわけではありませんが、このアドバイスは役に立ちます。