如何在文件上传中加载图像,预览图像,删除图像或在不替换它们的情况下加载更多图片asp.net(NOT MVC)

时间:2018-10-20 20:28:38

标签: asp.net

这是我的代码,用于上载和预览它们,但是如果错误地上载了错误的图像,则需要删除它们;如果我忘记上载一个图像而不替换文件上载中的所有图像,则需要上载更多...

<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>

0 个答案:

没有答案