Есть вот такой кусок верстки input file в форме.
<div class="form-group input_type_files">
<label for="file-docs">Прикрепить документы</label>
<input type="file" id="file-docs" name="file-docs" multiple>
<div class="input-added-files"></div>
</div>
Необходимо было загрузить изображения и хранить их предварительно до отправки, также показывать превьюшки с возможностью удаления. Реализовал подобным образом логику на js
var filesIntoForm = new FormData()
$('#file-docs').on('input', function(e) {
var files = e.target.files;
var $this = $(this);
if( files.length ) {
Object.keys(files).forEach(function(i) {
var timestamp = Date.now();
filesIntoForm.append(timestamp, files[i]);
var reader = new FileReader();
reader.onload = (function() {
return function (e) {
$this
.next()
.append(`
<div class="input-added-file">
<button class="input-added-file__delete icon-close" data-file-number="${timestamp}"></button>
<img src="${e.target.result}">
</div>`);
}
})(files[i]);
reader.readAsDataURL(files[i]);
});
}
});
На десктопе все ок, на андроде тоже. Но почему-то на айфонах не появляются превьюшки загруженных изображений. Что работает не так и как затестить не знаю. Видел только скрин от клиента что не работает. Есть идеи?
