Показать результат FileReader на html-странице (без предупреждения)


Функция fileReader считывает мой txt-файл с SD-карты, и результат будет установлен в evt.цель.результат. Я хочу написать (документ.пишите) это ЕВТ.цель.результат на мою html-страницу. Как лучше всего показать этот результат на экране. Моя функция filereader:

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 2

1 ответ:

Вам потребуется div или что-то подобное на вашей HTML-странице, чтобы отобразить результат. Существует множество способов представить и стилизовать это, но самым простым было бы включить div в ваш HTML и ссылаться на него по id в вашем JS

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

И в вашем JS сделайте это

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