HTML5とJavaScriptを使用してプレーンテキストファイルをインポートします

Question

私はJavaScriptが初めてなので、この質問に対する答えが明らかな場合は許してください。

テキスト編集者のWebアプリケーションのインポート関数を設定しようとしています。

私のコードは次のとおりです。

function dataImport() {
    confirm("Are you sure you want to import the selected file? This will overwrite any data that is currently saved in the application workplace.");
    var fileReader = new FileReader();
    window.localStorage.setItem("AppData", fileReader.readAsText(document.querySelector("#import-selector").value));
};

そして、それは次のようにアクティブにする必要があります。

<input id="import-selector" type="file" /><button id="import-button" onclick="dataImport();">Import File</button>

ただし、ファイルの内容をLocalStorageに書き込む代わりに、単に「未定義」という言葉を書くだけです。何らかのエラーが発生したと思いますが、それが何であるかはわかりません。

どんな助けやアドバイスをありがとう。

Answer 1

私は聞いたことがありません lick HTMLでのイベント。多分それはHTML5にとって新しいものです;）

あなたを変えてみてください onlick="... にトリガー onclick="...

多分それはうまくいくでしょうか？

---

これで修正されたので、この例を試してください。 Chrome FileReader

私はそれを試してみました、そしてそれはうまくいきます 完璧に. 。ファイルの内容をエラーコンソールに出力します。

幸運を！