0

所以我正在尝试编写一个简单的脚本,该脚本获取 .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 一起使用?

谢谢

4

1 回答 1

0

您是否尝试将 JS 代码放入 window.onload=function(){ ...//your code } ?

于 2013-10-24T03:37:33.520 回答