Asp.net 文件上传图片预览

Question

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

我可以为 1 个文件上传做到这一点，但对于 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>

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

Answer 1

试试这个

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

这应该有效。