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

发布于 2024-11-03 11:31:09 字数 496 浏览 4 评论 0原文

fileReader 函数从 sdcard 读取我的 txt 文件,结果将设置在 evt.target.result 中。 我想将此 evt.target.result 写入(document.write)到我的 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); 
    } 
};

The fileReader function read my txt file from the sdcard and the result will be set in the evt.target.result.
I want to write (document.write) this evt.target.result to my html page. What is the best way to show this result on the screen. My filereader function:

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); 
    } 
};

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

怪我闹别瞎闹 2024-11-10 11:31:09

您的 HTML 页面上需要有一个 div 或类似的东西来显示结果。有很多方法来呈现和设计它,但最简单的方法是将 div 包含在 HTML 中,并在 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;

You would need to have a div or something similar on your HTML page to display the result. There's tons of ways to present and style this, but the simplest would be to include the div in your HTML and reference it by id in your JS

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

and in your JS do this

document.getElementById("results").innerHTML = evt.target.result;
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文