欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2024-02-12 14:26:46
本文为大家分享了fileupload控件实现上传图片后并进行预览图片的功能,并对web.config进行了配置,先看一下最终效果: 页面代码:

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

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

页面代码:

 <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控件上传图片并进行预览图片的功能,这样网站更具有实用性,基本步骤就是这些,可能还有小编遗漏的地方,希望大家谅解。