这是我的代码,用于上载和预览它们,但是如果错误地上载了错误的图像,则需要删除它们;如果我忘记上载一个图像而不替换文件上载中的所有图像,则需要上载更多...
<script>
$(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 style="width:160px; height:160; margin:5px;"/>')).attr('src', event.target.result).appendTo(placeToInsertImagePreview)
}
reader.readAsDataURL(input.files[i]);
}
}
};
$('#GalleryPhotoAdd').on('change', function () {
imagesPreview(this, 'div.gallery');
});
});
</script>
<div style="display: none">
<asp:FileUpload ID="GalleryPhotoAdd" AllowMultiple="true" runat="server" />
</div>
//image preview
<div class="text-center">
<div class="gallery"></div>
</div>