我正在创建一个页面,在将其添加到MySQL数据库之前,需要选择并预览四个图像。我的数据库prodimg1
,prodimg2
,prodimg3
和prodimg4
中包含以下字段,我正在使用<input type="file" multiple>
。我不知道如何指定哪个字段获取哪个文件就像我使用多个input type=file
$(function() {
// Multiple images preview in browser
var imagesPreview = function(input, placeToInsertImagePreview) {
if (input.files) {
var filesAmount = input.files.length;
for (i = 0; i < filesAmount; i++) {
var reader = new FileReader();
reader.onload = function(event) {
$($.parseHTML('<img>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview);
}
reader.readAsDataURL(input.files[i]);
}
}
};
$('#gallery-photo-add').on('change', function() {
imagesPreview(this, 'div.gallery');
});
});
以及HTML:
<input type="file" multiple id="gallery-photo-add"><div class="gallery">