Как получить несколько файлов base64 string?

Question

[stepbystep]

Подскажите пожалуйста как получить base64 string несколько файлов в input type file ? Я должен по методу post отправить данные на внешний soap api. Столкнулся пониманием как правильно работает input multiple.

<input type="file" id="CVFile" name="CVFile[]" multiple onChange="getBase64();" accept="application/pdf">

Проверяю по консоль, при выборе несколько файлов получаю результат первого элемента .files[0], как я могу получить для каждого файла base64 и собрать в один массив ?

function getBase64() {
		var file = document.querySelector('#files > input[type="file"]').files[0];
		var reader = new FileReader();
		reader.readAsDataURL(file);
		reader.onload = function () {
			console.log(reader.result);
		};
		reader.onerror = function (error) {
			console.log('Error: ', error);
		};
	}

Answer 1

[Роман]

Comments

[stepbystep]

Спасибо за код, но почему base64 string одинокого для каждого файла ? разве не должны быть разные base64 ?

[Роман]

Bavarius, странно, давай посмотрим что получается на самом деле. Создаю 2 файла (111.pdf и 222.pdf) в которых записываю 11111111 и 22222222 соответсвенно. Нажимаю кнопку [Browse...], выбираю эти 2 файла и получаю следующий результат:

[{
	"file": "111.pdf",
	"size": 10,
	"type": "application/pdf",
	"lastModified": 1600464428000,
	"data": "data:application/pdf;base64,MTExMTExMTEgCg=="
}, {
	"file": "222.pdf",
	"size": 10,
	"type": "application/pdf",
	"lastModified": 1600464448000,
	"data": "data:application/pdf;base64,IDIyMjIyMjIyCg=="
}]

как мы видим, поля data отличаются:

"data": "data:application/pdf;base64,MTExMTExMTEgCg=="
"data": "data:application/pdf;base64,IDIyMjIyMjIyCg=="
// MTExMTExMTEgCg==
// IDIyMjIyMjIyCg==

Таким образом могу предположить, что ваш результат получен по причине заливки нескольких pdf файлов, имеющих разные названия, но идентичное содержимое.

принтскрины

[Роман]

Bavarius, ауууу!!! Вы живы? base64 string разные, отметьте решением))))

[stepbystep]

Роман, Спасибо, сорри были траблы с инетом пару дней.