asp.net 使用FileUpload控件上传并显示图片

简介: 在项目中经常会遇到上传图片,在点击保存按钮向数据库提交数据之前,让图片显示在Image控件中,方法如下: ...

在项目中经常会遇到上传图片,在点击保存按钮向数据库提交数据之前,让图片显示在Image控件中,方法如下:


                    <tr>
                        <td width="20%" align="right" class="tablesingletdlable">
                            <asp:Label ID="Label6" runat="server" Text="书图"></asp:Label>
                        </td>
                        <td align="left" width="80%" class="tablesingletdinput" colspan="3">
                            <asp:Image ID="tbtmpPic" runat="server" CssClass="inputc" Height="200px" Width="170px" />
                            <asp:HiddenField ID="allFileSize" runat="server" Value="0" />
                            <div id="msg" runat="server" style="text-align: center">
                                <fieldset>
                                    <legend>图 片 选 择 </legend>请选择图片:<asp:FileUpload ID="FileUpload1" runat="server" />  
                                    <a class="zInputBtn">
                                        <asp:Button ID="btnConfirm" runat="server" Text="添加书籍图片" CssClass="inputButton" OnClick="btnConfirm_Click" />  
                                        </a>
                                </fieldset>
                            </div>
                        </td>
                    </tr>

---------------------------------------------------
    /// <summary>
    /// 图片选择确定
    /// </summary>
    /// <param name="sender"></param>
    /// <param name="e"></param>
    protected void btnConfirm_Click(object sender, EventArgs e)
    {
        if (FileUpload1.HasFile)
        {
            string guid = Guid.NewGuid().ToString();
            string newFileName = folder + "\\" + guid + Path.GetExtension(FileUpload1.FileName);
            url = Page.ResolveUrl("~") + "Admin/BookImages/" + guid + Path.GetExtension(FileUpload1.FileName);
            int totalFileSize = Int32.Parse(allFileSize.Value);
            int fileSize = FileUpload1.PostedFile.ContentLength;
            //此处也可以限制单个文件的大小
            if (totalFileSize + fileSize > 1024 * 1024 * 100)
            {
                Page.ClientScript.RegisterClientScriptBlock(typeof(string), "", @"<script>alert('总上传的文件超过了大小设置  1024 * 1024 !')</script>");
                return;
            }
            FileUpload1.SaveAs(newFileName);
            ListItem item = new ListItem();
            item.Text = FileUpload1.FileName;
            item.Value = url + "|" + newFileName;
            tbtmpPic.Style["display"] = "";
            tbtmpPic.ImageUrl = url;
            totalFileSize += fileSize;
            allFileSize.Value = totalFileSize.ToString();
        }
    }



相关文章
|
2月前
|
SQL 开发框架 前端开发
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
ASP.NET WEB项目中GridView与Repeater数据绑定控件的用法
34 0
|
3月前
|
SQL 开发框架 JavaScript
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
分享33个ASP.NET电子商务源码和40个ASP.NET控件组件源码,总有一款适合您
31 0
|
4月前
|
JavaScript C#
【傻瓜级JS-DLL-WINCC-PLC交互】2.wincc使用C#开发的.net控件
【傻瓜级JS-DLL-WINCC-PLC交互】2.wincc使用C#开发的.net控件
41 0
|
4月前
|
JavaScript Linux C#
【傻瓜级JS-DLL-WINCC-PLC交互】1.C#用windows窗体控件创建.net控件
【傻瓜级JS-DLL-WINCC-PLC交互】1.C#用windows窗体控件创建.net控件
68 0
|
4月前
|
开发框架 .NET 数据安全/隐私保护
Asp.Net第二章服务器端控件
Asp.Net第二章服务器端控件
27 0
|
4月前
|
开发框架 JavaScript .NET
Asp.Net就业课之三验证控件
Asp.Net就业课之三验证控件
44 0
|
3月前
|
开发框架 前端开发 .NET
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
ASP.NET CORE 3.1 MVC“指定的网络名不再可用\企图在不存在的网络连接上进行操作”的问题解决过程
44 0