Программирование Java Script. Чтение фалов

Question

Условие: Если по ссылке считывается из файла нечетное количество строк отобразить рисунок иначе список
Помогите разобраться в коде:

function readFile(object) {
  var file = object.files[0]
  var reader = new FileReader()
  reader.onload = function() {
    document.getElementById('out').innerHTML = reader.result
  }
  reader.readAsText(file)
  const out = document.getElementById('out'),
     linesCnt = reader.result.split(/\r?\n/).length;
  out.innerHTML = `Строк: $ { linesCnt } <br> $ { linesCnt % 2 ?
        '<img src="https://picsum.photos/400/250/">' :
         '<ul><li>Lorem</li><li>ipsum</li></ul>'
    } `;
}

<input type="file" id="file">
<button onclick="readFile(document.getElementById('file'))">Read!</button>
<div id="out"></div>

Какая именно часть кода непонятна? — Grundy, Apr 14 '20 at 16:09
он не работает и мне непонятно как исправить — Дима Вакуленко, Apr 14 '20 at 18:00
вроде бы работает. Добавь в вопросе, что именно ты получаешь и что ожидаешь получить — Grundy, Apr 14 '20 at 19:42
он просто читает файл, а мне нужно выполнить условие — Дима Вакуленко, Apr 14 '20 at 20:08

score 1 · Answer 1 · answered Apr 14 '20 at 20:53

Код вполне рабочий, однако, так как операция загрузки асинхронная, нужно поместить работу с загруженным текстом внутрь обработчика onload

function readFile(object) {
  var file = object.files[0];
  var reader = new FileReader();
  reader.onload = function() {
    linesCnt = reader.result.split(/\r?\n/).length;
    document.getElementById('out').innerHTML = `Строк: ${ linesCnt } <br> ${ linesCnt % 2 ?
        '<img src="https://picsum.photos/400/250/">' :
         '<ul><li>Lorem</li><li>ipsum</li></ul>'
    } `;
  }
  reader.readAsText(file)
}

<input type="file" id="file">
<button onclick="readFile(document.getElementById('file'))">Read!</button>
<div id="out"></div>

Программирование Java Script. Чтение фалов

1 Answers1