Asp.net Fileupload img preview

Question

フォームに5つのファイルアップロードコントロールがあります。選択した画像をプレビューしたい

私は

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

以下のような機能を変更し、私は1つのクラスセレクタをしようとした場合、この

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

を使用してプレビューを取得しなければならなかった1つのファイルアップロードのためではなく、5制御のためにそれを行うことができます問題ない。しかし、私は5つのコントロールがあり、次のimgを取得する必要がありました。なぜそれは動作しません？

Answer 1

これは動作するはずです。この

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

を試してみてください。