Asp.net Fileupload img预览

Question

我在表单中有5个fileupload控件。我想预览所选的img。

我可以为一个文件上载但是对于5个控件我必须更改功能，如下所示

var result = "You have not given an answer yet"; //this variable is accessible to both functions
function answerPrompt1()
{
     var answer1 = prompt("Enter your answer: "); //this variable only accessible inside the function answerPrompt1()
     var convertedNum1 = parseInt(answer1, 10);
     result = (convertedNum1 == 14)? "You're right!" :
        "Sorry, that's incorrect.";
}
function showResult()
{
    alert(result);
}

使用此

进行预览

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

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

Answer 1

试试这个

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

这应该有用。