JavaScript FileHandler無法在Chrome中工作

所以我試圖編寫一個簡單的腳本，它需要一個.txt文件的內容並將它們回顯給用戶。JavaScript FileHandler無法在Chrome中工作

我的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中使用？

謝謝

來源

2013-10-24 NoLats McGee

你可以構造一個jsfiddle顯示這個問題？ – SheetJS

你試圖把你的JS代碼到的window.onload =函數（）{... //你的代碼}？

來源

2013-10-24 03:37:33 Soyoes

是的，我原本是在我的劇本中。把它拿出來沒有任何區別。 –

JavaScript FileHandler無法在Chrome中工作

回答

相關問題