HTML控件之FileUpload实现上传图片

界面设计：将下面这个可爱的图片上传到服务器上。

在代码文件夹内建立一个up文件夹，将这个可爱的图片从C盘图片文件中传到up文件夹内。

如下图界面设计：

代码实现：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace ASP.net
{
    public partial class InputFile : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            Image1.Visible = false;
        }

        protected void btnUpload_Click(object sender, EventArgs e)
        {
            string fullFileName=this.FileUpload1 .PostedFile .FileName;//要上传文件的全路径；
            string fileName = fullFileName.Substring(fullFileName .LastIndexOf ("\\")+1);  //截取当前全路径的最后文字，文件名
           string type=fullFileName .Substring(fullFileName.LastIndexOf (".")+1); //查取.后面的字符，即文件名的扩展名。判断上传格式是否为图片
           Image1.Visible = true;
           if (type=="jpg" || type=="bmp" || type=="gif")
           {
                this.FileUpload1.PostedFile.SaveAs(Server .MapPath ("up")+"\\"+fileName );  //上传    MapPath返回相对路径
                this.Image1.ImageUrl = "up/" + fileName;
           }
           else
           {
               Response.Write("<script language='javascript'> alert('你选择的图片格式错误') </script>");
           }
        }
    }
}

 

界面效果：

up文件夹内