テキストファイルをJSで読み込む方法

Question

テキストファイルをJavaScriptで読み込むにはどうしたらいいでしょうか。（のちに１行ずつ分割して読み込むつもりです）

いろんなサイトを見ているのですが、いまいちうまくいきません。

また、大抵はinputタグを使用しているようですが、特定のデータファイルしか読み込む必要がないため、あまりinputは使用したくありません。

どうすればいいでしょうか。

宜しくお願いします。

Answer 1

下記の風にやって下さい。

function readTextFile(file)
{
var rawFile = new XMLHttpRequest();
rawFile.open("GET", file, false);
rawFile.onreadystatechange = function ()
{
if(rawFile.readyState === 4)
{
if(rawFile.status === 200 || rawFile.status == 0)
{
var allText = rawFile.responseText;
alert(allText);
}
}
}
rawFile.send(null);
}

ここでfileを自分が読み込めたいファイル名にして下さい。

Answer 2

想定されている方法がもし、
「そのページにアクセスしたら強制的にそのローカルファイルを読み込む」
ということであれば、それは不可能です。
もしできてしまうと、サイトにアクセスさせれば情報を取り放題になってしまいます。

javascriptで実装するには、FileAPIを使用する必要があります。
参考URL
が、これも先ほどの理由でドラッグ＆ドロップやファイル選択ボタンを押し、ファイルを選択させる必要があります。

Comments

[hiroshi_komura]

ローカルの画像は読み込むことができるのに、ローカルのテキストファイルは読み込みできないのですか...。

参考URLありがとうございます！参考にさせていただきます！