在ASP.NET母版页内容占位符上载之前如何预览图像

Question

在使用asp.net控件上传到asp.net母版页内容占位符之前，如何预览图像？ 我希望从文件上传控件中选择一个图像后将其自动显示。

这是我的代码：

UploadPicture.aspx

<asp:Content ID="Content1" ContentPlaceHolderID="content" runat="server">

<div class="container">
    <div class="row">
        <div class="col-sm-3">

            <asp:FileUpload ID="FileUpload1" runat="server"/>

            <asp:Image ID="image" runat="server"/>

            <asp:TextBox ID="textBox1" runat="server"></asp:TextBox>

            <asp:Button ID="upload" runat="server" OnClick="upload_Click" Text="Upload" />

            <asp:Label ID="lb_msg" runat="server"></asp:Label>

        </div>
    </div>
</div>

谢谢！

Answer 1

在实际发布到服务器之前预览图像的唯一方法是使用javascript文件api。 此任务与服务器端控件无关。 您可以在此处阅读有关js fileapi的信息。