• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    asp.net fileupload控件上传图片并预览图片

    本文为大家分享了fileupload控件实现上传图片后并进行预览图片的功能,并对web.config进行了配置,先看一下最终效果:

    页面代码:

     form id="form1" runat="server">
     div>
     asp:FileUpload ID="FileUpload1" runat="server" />
     asp:Button ID="Button1" runat="server" Text="上传" Width="54px" OnClick="Button1_Click" />
     asp:Label ID="Label1" runat="server" Text="" Style="color: Red">/asp:Label>
     asp:Image runat="server" ID="Image1" Style="z-index: 102; left: 20px; position: absolute;
      top: 49px" Width="73px" />
     /div>
     /form>

    后台代码:

    using System;
    using System.Data;
    using System.Configuration;
    using System.Web;
    using System.Web.Security;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    using System.Web.UI.WebControls.WebParts;
    using System.Web.UI.HtmlControls;
    
    namespace Web.File
    {
     public partial class WebForm1 : System.Web.UI.Page
     {
     protected void Page_Load(object sender, EventArgs e)
     {
    
     }
     #region 文件上传
     /// summary>
     /// 文件上传
     /// /summary>
     protected void Button1_Click(object sender, EventArgs e)
     {
      if (FileUpload1.FileName == "")
      {
      this.Label1.Text = "上传文件不能为空";
      return;
      }
    
      bool fileIsValid = false;
      //如果确认了上传文件,则判断文件类型是否符合要求 
      if (this.FileUpload1.HasFile)
      {
      //获取上传文件的后缀 
      String fileExtension = System.IO.Path.GetExtension(this.FileUpload1.FileName).ToLower();
      String[] restrictExtension = { ".gif", ".jpg", ".bmp", ".png" };
      //判断文件类型是否符合要求 
      for (int i = 0; i  restrictExtension.Length; i++)
      {
       if (fileExtension == restrictExtension[i])
       {
       fileIsValid = true;
       }
       //如果文件类型符合要求,调用SaveAs方法实现上传,并显示相关信息 
       if (fileIsValid == true)
       {
       //上传文件是否大于10M
       if (FileUpload1.PostedFile.ContentLength > (10 * 1024 * 1024))
       {
        this.Label1.Text = "上传文件过大";
        return;
       }
       try
       {
        this.Image1.ImageUrl = "~/File/" + FileUpload1.FileName;
        this.FileUpload1.SaveAs(Server.MapPath("~/File/") + FileUpload1.FileName);
        this.Label1.Text = "文件上传成功!";
       }
       catch
       {
        this.Label1.Text = "文件上传失败!";
       }
       finally
       {
    
       }
       }
       else
       {
       this.Label1.Text = "只能够上传后缀为.gif,.jpg,.bmp,.png的文件";
       }
      }
      }
     }
     #endregion
     }
    }
    

    Web.config 配置:

    !--因为FileUpload 控件上传最大为4M,如果要上传更大文件,改下maxRequestLength的大小-->
    configuration>
     system.web>
     compilation debug="true" targetFramework="4.0" />
     httpRuntime requestValidationMode="2.0" maxRequestLength="10485760" executionTimeout="3600" appRequestQueueLimit="10000"/>
     /system.web>
    /configuration>
    

    为大家附3个精彩的专题:

    ASP.NET控件使用手册

    ASP.NET数据绑定控件使用汇总

    ASP.NET控件使用汇总

    亲,你可以在自己的项目中实现fileupload控件上传图片并进行预览图片的功能,这样网站更具有实用性,基本步骤就是这些,可能还有小编遗漏的地方,希望大家谅解。

    您可能感兴趣的文章:
    • ASP.net WebAPI 上传图片实例
    • asp.net上传图片并作处理水印与缩略图的实例代码
    • asp.net MVC实现无组件上传图片实例介绍
    • asp.net+FCKeditor上传图片显示叉叉图片无法显示的问题的解决方法
    • ASP.NET下上传图片到数据库,并且读出图片的代码(详细版)
    • asp.net上传图片保存到数据库的代码
    • asp.net UpdatePanel实现无刷新上传图片
    • asp.net 自定义控件实现无刷新上传图片,立即显示缩略图,保存图片缩略图
    • ASP.NET FileUpload 上传图片实例
    • asp.net上传图片到服务器方法详解
    上一篇:.net生成验证码
    下一篇:深入学习.net验证码生成及使用方法
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    asp.net fileupload控件上传图片并预览图片 asp.net,fileupload,控件,上传,