在html页面中显示FileReader结果(不是警报)

时间:2011-04-27 12:51:47

标签: javascript cordova fileapi

fileReader函数从sdcard读取我的txt文件,结果将在evt.target.result中设置。 我想把(document.write)这个evt.target.result写到我的html页面。在屏幕上显示此结果的最佳方法是什么。我的文件阅读器功能:

function fileReader() 
{

    var reader = new FileReader(); 
    reader.onload = win; 
    reader.onerror= fail; 
    reader.readAsText("/sdcard/mytest.txt");

    function win(evt) 
    { 
        console.log(evt.target.result);
    } 

    function fail(evt) { 
        console.log(evt.target.error.code); 
    } 
};

1 个答案:

答案 0 :(得分:2)

您需要在HTML页面上使用div或类似内容来显示结果。有很多方法可以呈现和设计它,但最简单的方法是在HTML中包含div并在JS中通过id引用它

<!DOCTYPE html>
<html>
  <body>
     <!-- Your results will display below -->
    <div id="results"></div>
  </body>
</html>

并在你的JS中执行此操作

document.getElementById("results").innerHTML = evt.target.result;