У меня есть страница с четырьмя изображениями для выбора пользователем. Я хочу, чтобы пользователь мог просматривать каждое изображение на сайте перед загрузкой.
Код JavaScript ниже работает только для одного изображения, но я хотел бы, чтобы он работал для нескольких изображений, загруженных через <input type="file">
.
Каким будет лучший способ сделать это?
function readURL(input) {
if (input.files && input.files[0]) {
var reader = new FileReader();
reader.onload = function (e) {
$('#output').attr('src', e.target.result);
}
reader.readAsDataURL(input.files[0]);
}
}
$("#file-input").change(function () {
readURL(this);
});