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

时间:2016-08-07 07:21:38

标签: javascript c# 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>

.aspx文件中的fileupload控制代码...

<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控件上传图片时,图片预览不会出现。

希望有人能够帮助我。

0 个答案:

没有答案