![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67)
おはよう,こんにちは,こんばんは
というカンマ区切りのCSVファイルが有り、
<script>
if(window.File) {
var result = document.getElementById('result');
var select = document.getElementById('select');
select.addEventListener('change', function(e) {
var fileData = e.target.files[0];
var reader = new FileReader();
reader.onerror = function() {
alert('ファイル読み取りに失敗しました')
}
reader.onload = function() {
var lineArr = reader.result.split('\n');
var itemArr = [];
for (var i = 0; i < lineArr.length; i++) {
itemArr[i] = lineArr[i].split(',');
}
var textA[0] = itemArr[0][0];
var textA[0] = itemArr[0][1];
reader.readAsText(fileData, 'Shift_JIS');
}, false);
}
</script>
<body>
<input type="file" name="select" id="select" />
<div id="result"></div>
<script>
document.write(textA[0]);
</script>
としておはようと表示したいのですができません。FileAPIでCSV自体は読み込めているのですがどこがいけないのでしょうか。
No.1ベストアンサー
- 回答日時:
こんにちは
>どこがいけないのでしょうか。
FileReaderを利用したことはありませんが、読込みは非同期的な処理となるはずです。
ですので、
>document.write(textA[0]);
が実行される時には、内容がまだ読み込めていない可能性が高いです。
https://developer.mozilla.org/ja/docs/Web/API/Fi …
タイミングとしては、onloadの関数内に記述しておけば、読み込み後に実行されることになります。
ただし、その際にはhtmlのパースが終わっていると想像されますので、「document.write」が使えない可能性もまた高いです。
DOM操作でコンテンツの書換えを行うような方法にしておいたほうが宜しそうに思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・スタッフと宿泊客が全員斜め上を行くホテルのレビュー
- ・【大喜利】【投稿~8/27】 こんなガソリンスタンド二度と来るか!なぜそう思った?
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・【お題】動物のキャッチフレーズ
- ・【お題】甲子園での思い出の残し方
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・「それ、メッセージ花火でわざわざ伝えること?」
- ・自分用のお土産
- ・人生で一番お金がなかったとき
- ・一番好きなみそ汁の具材は?
- ・泣きながら食べたご飯の思い出
- ・ちょっと先の未来クイズ第1問
- ・ゴリラ向け動画サイト「ウホウホ動画」にありがちなこと
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
tableのtr要素をドラッグ&ドロ...
-
Javascriptを使ってQRコード読...
-
jQueryを使いformでsubmitした...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
jsのreturnで値が返ってこない
-
インラインフレームを自動更新...
-
jQueryで追加した要素がマウス...
-
jqueryを使って非同期通信で10...
-
ajaxからphpにpsotしたときの日...
-
マスターページ使用時のJavascript
-
div要素の入れ替え。半透明イメ...
-
要素内を常に一番下を表示させたい
-
jqueryのプラグインのjquery.jc...
-
jquery-1.3.2⇒○ 1.6.4.⇒エラー
-
jQueryのアコーディオン一番目...
-
連番タイトル名を基準にリンク...
-
二つのbxsliderをレスポンシブ...
-
javaの変数又はデータの共有
-
jQuery 並列load処理
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
readyStateが4にならない原因
-
スライドを最後の画像で止めたい
-
tableのtr要素をドラッグ&ドロ...
-
変数の内容を別functionに渡したい
-
ページ内リンクで#などのアンカ...
-
JQueryのイーズインとイーズアウト
-
Google Apps Scriptを利用した...
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
JavaScriptでtabindexの変更っ...
-
階層別の組織図の自動作成について
-
JavascriptからPHPへのAjax通信...
-
カンマ区切りのデータを配列に...
-
インラインフレームを自動更新...
-
Selenium Basicの件
-
jQueryのblockUIをformのボタン...
-
jQueryを使いformでsubmitした...
-
フレーム内の要素へのXPATHはど...
-
二つのbxsliderをレスポンシブ...
-
FullCalendar の複数月表示につ...
おすすめ情報