だから私は.txtファイルの内容を取り、それらをユーザーにエコーバックする簡単なスクリプトをコーディングしようとしています.
私のHTMLコードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<title> HTML5 Functionality Test - File Uploading </title>
</head>
<body>
<div id = "pageWrapper">
<h1> File Reader </h1>
<div>
Select a Text File:
<input type = "file" id = "fileUploader">
</div>
<pre id = "fileDisplayArea"> </pre>
</div>
<script src = "fileHandler.js"> </script>
</body>
そして、私のJavascriptはそのままです。
var fileUploader = document.getElementById("fileUploader");
// File API is asynchronous
fileUploader.addEventListener("change", function(e){
var file = fileUploader.files[0];
var reader = new FileReader();
reader.addEventListener("loadend", function(e){
alert(reader.result);
});
reader.readAsText(file);
});
私の問題は、このコードが Firefox では完全に機能するが、Chrome では機能しないことです。両方で実行したいと思います。
これが Chrome で動作するようにするには、何を修正する必要がありますか?
ありがとうございました