Asp.net Fileupload 图片预览

Question

我在一个表单中有 5 个文件上传控件。我想预览选定的图片。

我可以为一个文件上传做到这一点，但对于 5 个控件，我必须更改如下功能

<div ><asp:FileUpload ID="FileUpload1" runat="server"   Width="100%" nchange="readURL(this)" /> </div>
 <img id="pre1" src="" alt="your image" class=" img-responsive" /> 

并使用此预览

 <script>
        function readURL(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $(input).next().find('img').attr('src', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        };
   </script>

如果我尝试使用类选择器没有问题。但我有 5 个控制权，我必须得到下一个 img 。为什么它不起作用？

Answer 1

试试这个

$(input).parent().next('img').attr('src', e.target.result);

这应该可行。