Javascript 为我的asp.net网站进行图像预览的代码

我正在尝试在我的asp.net网站上执行图像预览功能。 我希望它的工作方式是，当用户通过fileupload函数上传图像时，图像旁边会显示预览

我当前的javascript代码如下所示

<script type="text/javascript">

    function imagepreview(input)
    {
        if(input.files && input.files[0])
        {
            var fildr = new FileReader();
            fildr.onload = function(e)
            {
                $('#imgprw').attr('src', e.target.result);
            }

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

函数图像预览（输入）
{
if（input.files&&input.files[0]）
{
var fildr=new FileReader（）；
fildr.onload=函数（e）
{
$（'imgprw'）.attr（'src'，e.target.result）；
}
fildr.readAsDataURL（input.files[0]）；
}
}

.aspx文件中的文件上载控制代码

<div>
        <center><asp:Label ID="Label1" runat="server" Text="Profile Picture :"></asp:Label></center>
        </br>
    <center>
        <asp:FileUpload ID="FileUpload1" runat="server" onchange="imagepreview(this)"></asp:FileUpload>
    </center>
        <center>
            <asp:Image ID="imgprw" runat="server" AlternateText="Image Preview..."></asp:Image>
        </center>
        <center>
            <asp:Label ID="lblPhotoUploadStatus" runat="server" Text=""></asp:Label>
        </center>
    </div>

已联机获取此代码，但它不适用于我的asp.net网站

当我尝试通过asp.net网站中的fileupload控件上载图像时，图像预览不会显示

---

希望有人能帮我解决这个问题。

欢迎来到Stack Overflow！你能详细说明你的代码是如何“不工作”的吗？你在期待什么，到底发生了什么？如果您遇到异常/错误，请发布发生该异常/错误的行以及异常/错误详细信息。请输入这些详细信息，否则我们可能无法提供帮助。是否定义了jQuery？您是否尝试过

document.getElementById（“imgprw”）.src=e.target.result？Heyy guest271314，如何将其实现到当前代码中？：）imagepreview函数中的输入是否填充了正确的元素？我不太确定Vijay…：（欢迎来到Stack Overflow！您能详细介绍一下您的代码“不工作”的原因吗？您期望的是什么，以及实际发生的是什么？如果您遇到异常/错误，请发布它发生的行以及异常/错误的详细信息。请将这些详细信息输入，否则我们可能无法提供帮助。是否定义了jQuery？是否尝试了
document.getElementById(“imgprw”）.src=e.target.result；
？Heyy guest271314，我如何将其实现到我的当前代码中？：）是否在imagepreview函数中输入了正确的元素？我不太确定该Vijay…：(