Показать сообщение отдельно
  #1 (permalink)  
Старый 14.06.2018, 16:13
Новичок на форуме
Отправить личное сообщение для Nikc174 Посмотреть профиль Найти все сообщения от Nikc174
 
Регистрация: 14.06.2018
Сообщений: 3

Чтение и вывод данных из нескольких файлов
Здравствуйте!
Есть такая проблема, не получается прочитать и вывести данные из нескольких файлов (пробовал на 2, 3 и 4 файлах формата ".html").
При выборе файлов и запуске скрипта выводятся данные ТОЛЬКО из последнего выбранного файла. Причем выводятся столько раз, сколько выбрано файлов.
НО! если в определенное место вписать "alert()" (в приведенном коде указано куда), то все работает верно и выводятся все данные.

Написал такой код:
html:
<input type="file" id="file" multiple>
<button onclick="readFile(document.getElementById('file'))">Прочитать!</button>
		
<div id="text"> </div>


javascript:
function readFile(object) 
{
	//если вписать сюда alert(); то все работает верно, иначе выводит данные на каждом шаге цикла только из последнего файла
	var i;
	var file = object.files;
	var f;
	
	for (i = 0, f; f = file[i]; i++)
	{
		reader = new FileReader();
		reader.onload = function()
		{
			document.getElementById('text').innerHTML += reader.result;
			document.getElementById('text').innerHTML += "</br>";
		}
		
		reader.readAsText(f);
	}
}


javascript'ом занимаюсь недавно.
Вопрос:
1. как сделать верно вывод данных из файла, без "alert()"
2. как можно сделать открытие файлов без использования "input". Пробовал через массив, в котором находятся пути к файлам, не получилось.
Ответить с цитированием