jquery Asp.net Fileupload img preview

q5iwbnjs  于 2023-06-05  发布在  jQuery
关注(0)|答案(1)|浏览(140)

我在一个表单中有5个文件加载控件。我想预览选定的img。
我可以为一个文件加载,但为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。为什么它不工作?

7kjnsjlb

7kjnsjlb1#

试试这个

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

这个应该能用

相关问题