使用标准HTML来进行图片上传

来源:互联网 发布:飞鱼网络电视手机版 编辑:程序博客网 时间:2024/04/28 01:08
<body>
   
<form id="form1" runat="server">
   
<div>
       
<table>
           
<tr>
               
<tdcolspan="2" style="height: 21px">
                    使用标准HTML来进行图片上传
</td>
           
</tr>
           
<tr>
               
<tdstyle="width: 400px">
                   
<inputid="InputFile" style="width: 399px" type="file" runat="server"/></td>
               
<tdstyle="width: 80px">
                   
<asp:ButtonID="UploadButton" runat="server" Text="上传图片" OnClick="UploadButton_Click"/></td>
           
</tr>
           
<tr>
               
<tdcolspan="2">
                   
<asp:LabelID="Lb_Info" runat="server" ForeColor="Red"></asp:Label></td>                
           
</tr>
       
</table>    
   
</div>
   
</form>
</body>


后台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->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;

public partial class _Default : System.Web.UI.Page 
{
   
protectedvoid Page_Load(object sender, EventArgs e)
    {

    }
   
protectedvoid UploadButton_Click(object sender, EventArgs e)
    {
       
string uploadName= InputFile.Value;//获取待上传图片的完整路径,包括文件名
       
//string uploadName = InputFile.PostedFile.FileName;
        string pictureName= "";//上传后的图片名,以当前时间为文件名,确保文件名没有重复
        if (InputFile.Value!= "")
        {
           
int idx= uploadName.LastIndexOf(".");
           
string suffix= uploadName.Substring(idx);//获得上传的图片的后缀名
            pictureName = DateTime.Now.Ticks.ToString()+ suffix;
        }
       
try
        {
           
if (uploadName!= "")
            {
               
string path= Server.MapPath("~/images/");
                InputFile.PostedFile.SaveAs(path
+ pictureName);
            }
        }
       
catch (Exception ex)
        {
            Response.Write(ex);
        }
    }
}


2 单文件上传

        这是最基本的文件上传,在asp.net1.x中没有这个FileUpload控件,只有html的上传控件,那时候要把html控件转化为服务器控件,很不好用。其实所有文件上传的美丽效果都是从这个FileUpload控件衍生,第一个例子虽然简单却是根本。

前台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><body>
   
<form id="form1" runat="server">
   
<div>
       
<table style="width: 90%">
           
<tr>
               
<tdstyle="width: 159px" colspan=2>
                   
<strong><spanstyle="font-size: 10pt">最简单的单文件上传</span></strong></td>
           
</tr>
           
<tr>
               
<tdstyle="width: 600px">
                   
<asp:FileUploadID="FileUpload1" runat="server" Width="600px"/></td>
               
<tdalign=left>
                   
<asp:ButtonID="FileUpload_Button" runat="server" Text="上传图片" OnClick="FileUpload_Button_Click"/></td>
           
</tr>
           
<tr>
               
<tdcolspan=2>
                   
<asp:LabelID="Upload_info" runat="server" ForeColor="Red" Width="767px"></asp:Label></td>
           
</tr>
       
</table>    
   
</div>
   
</form>
</body>

后台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->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;

public partial class _Default : System.Web.UI.Page 
{
   
protectedvoid Page_Load(object sender, EventArgs e)
    {

    }
   
protectedvoid FileUpload_Button_Click(object sender, EventArgs e)
    {
       
try
        {
           
if (FileUpload1.PostedFile.FileName== "")
           
//if (FileUpload1.FileName == "")
           
//if (!FileUpload1.HasFile)    //获取一个值,该值指示 System.Web.UI.WebControls.FileUpload 控件是否包含文件。包含文件,则为 true;否则为 false。
            {
               
this.Upload_info.Text= "请选择上传文件!";
            }
           
else
            {
               
string filepath= FileUpload1.PostedFile.FileName; //得到的是文件的完整路径,包括文件名,如:C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
               
//string filepath = FileUpload1.FileName;              //得到上传的文件名20022775_m.jpg
                string filename= filepath.Substring(filepath.LastIndexOf("\\")+ 1);//20022775_m.jpg
                string serverpath= Server.MapPath("~/images/")+ filename;//取得文件在服务器上保存的位置C:\Inetpub\wwwroot\WebSite1\images\20022775_m.jpg
                FileUpload1.PostedFile.SaveAs(serverpath);//将上传的文件另存为
                this.Upload_info.Text= "上传成功!";
            }
        }
       
catch (Exception ex)
        {
           
this.Upload_info.Text= "上传发生错误!原因是:"+ ex.ToString();
        }
    }
}




3 多文件上传

前台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><body>
   
<form id="form1" runat="server">
   
<div>
   
<table style="width: 343px">
           
<tr>
               
<tdstyle="width: 100px">
                    多文件上传
</td>
               
<tdstyle="width: 100px">
               
</td>
           
</tr>
           
<tr>
               
<tdstyle="width: 100px">
                   
<asp:FileUploadID="FileUpload1" runat="server" Width="475px"/>
                   
</td>
               
<tdstyle="width: 100px">
                   
</td>
           
</tr>
           
<tr>
               
<tdstyle="width: 100px">
                   
<asp:FileUploadID="FileUpload2" runat="server" Width="475px"/></td>
               
<tdstyle="width: 100px">
               
</td>
           
</tr>
           
<tr>
               
<tdstyle="width: 100px">
                   
<asp:FileUploadID="FileUpload3" runat="server" Width="475px"/></td>
               
<tdstyle="width: 100px">
               
</td>
           
</tr>
           
<tr>
               
<tdstyle="width: 100px">
                   
<asp:ButtonID="bt_upload" runat="server" OnClick="bt_upload_Click" Text="一起上传" />
                   
<asp:LabelID="lb_info" runat="server" ForeColor="Red" Width="448px"></asp:Label></td>
               
<tdstyle="width: 100px">
               
</td>
           
</tr>
       
</table>
   
</div>
   
</form>
</body>

后台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->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;

public partial class _Default : System.Web.UI.Page 
{
   
protectedvoid Page_Load(object sender, EventArgs e)
    {

    }
   
protectedvoid bt_upload_Click(object sender, EventArgs e)
    {
       
if (FileUpload1.PostedFile.FileName== ""&& FileUpload2.PostedFile.FileName== ""&& FileUpload3.PostedFile.FileName== "")
        {
           
this.lb_info.Text= "请选择文件!";
        }
       
else
        {
            HttpFileCollection myfiles
= Request.Files;
           
for (int i= 0; i< myfiles.Count; i++)
            {
                HttpPostedFile mypost
= myfiles[i];
               
try
                {
                   
if (mypost.ContentLength> 0)
                    {
                       
string filepath= mypost.FileName;//C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
                        string filename= filepath.Substring(filepath.LastIndexOf("\\")+ 1);//20022775_m.jpg
                        string serverpath= Server.MapPath("~/images/")+ filename;//C:\Inetpub\wwwroot\WebSite2\images\20022775_m.jpg
                        mypost.SaveAs(serverpath);
                       
this.lb_info.Text= "上传成功!";
                    }
                }
               
catch (Exception ex)
                {
                   
this.lb_info.Text= "上传发生错误!原因:"+ ex.Message.ToString();
                }
            }
        }
    }
}


 

4 客户端检查上传文件类型(以上传图片为例)

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default"%>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   
<title>客户端检查上传文件类型</title>
   
<script language="javascript">
   
function Check_FileType()
    {
       
var str=document.getElementById("FileUpload1").value;
       
var pos=str.lastIndexOf(".");
       
var lastname=str.substring(pos,str.length);
       
if(lastname.toLowerCase()!=".jpg"&&lastname.toLowerCase()!=".gif")
        {
            alert(
"您上传的文件类型为"+lastname+",图片必须为.jpg,.gif类型");
           
returnfalse;
        }
       
else
        {
           
returntrue;
        }        
    }
   
</script>
</head>
<body>
   
<form id="form1" runat="server">
   
<div>
       
<table>
           
<tr>
               
<tdcolspan="2">
                    客户端检查上传文件类型
</td>                
           
</tr>
           
<tr>
               
<tdstyle="width: 444px">
                   
<asp:FileUploadID="FileUpload1" runat="server" Width="432px"/></td>
               
<tdstyle="width: 80px">
                   
<asp:ButtonID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click" OnClientClick="return Check_FileType()"/></td>
           
</tr>
           
<tr>
               
<tdcolspan="2" style="height: 21px">
                   
<asp:LabelID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>                
           
</tr>
       
</table>    
   
</div>
   
</form>
</body>
</html>


注意:点击上传时先触发客户端事件OnClientClick="return Check_FileType()"

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->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;

public partial class _Default : System.Web.UI.Page 
{
   
protectedvoid Page_Load(object sender, EventArgs e)
    {

    }

   
protectedvoid bt_upload_Click(object sender, EventArgs e)
    {
       
try
        {
           
if (FileUpload1.PostedFile.FileName== "")
            {
               
this.lb_info.Text= "请选择文件!";
            }
           
else
            {
               
string filepath= FileUpload1.PostedFile.FileName;
               
//if (!IsAllowedExtension(FileUpload1))
               
//{
               
//    this.lb_info.Text = "上传文件格式不正确!";
               
//}
                if (IsAllowedExtension(FileUpload1)== true)
                {
                   
string filename= filepath.Substring(filepath.LastIndexOf("\\")+ 1);
                   
string serverpath= Server.MapPath("~/images/")+ filename;
                    FileUpload1.PostedFile.SaveAs(serverpath);
                   
this.lb_info.Text= "上传成功!";
                }
               
else
                {
                   
this.lb_info.Text= "请上传图片!";
                }
            }
        }
       
catch (Exception ex)
        {
           
this.lb_info.Text= "上传发生错误!原因:"+ ex.ToString();
        }
    }
   
private static bool IsAllowedExtension(FileUpload upfile)
    {
       
string strOldFilePath= "";
       
string strExtension="";
       
string[] arrExtension={ ".gif",".jpg",".bmp",".png" };
       
if (upfile.PostedFile.FileName!= string.Empty)
        {
            strOldFilePath
= upfile.PostedFile.FileName;//获得文件的完整路径名
            strExtension = strOldFilePath.Substring(strOldFilePath.LastIndexOf("."));//获得文件的扩展名,如:.jpg
            for (int i= 0; i< arrExtension.Length; i++)
            {
               
if (strExtension.Equals(arrExtension[i]))
                {
                   
returntrue;
                }
            }
        }
       
returnfalse;
    }
}


注意:若去掉客户端的脚本和客户端事件OnClientClick="return Check_FileType()",在后台代码
改为:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->if (!IsAllowedExtension(FileUpload1))
                {
                   
this.lb_info.Text= "上传文件格式不正确!";
                }
else if (IsAllowedExtension(FileUpload1)== true)


即变成服务器端检查上传文件类型。

5  服务器端检查上传文件的类型(文件内部真正的格式)

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

--><body>
   
<form id="form1" runat="server">
   
<div>
       
<table>
           
<tr>
               
<tdcolspan="2">
                    服务器检查上传文件类型
</td>                
           
</tr>
           
<tr>
               
<tdstyle="width: 444px">
                   
<asp:FileUploadID="FileUpload1" runat="server" Width="432px"/></td>
               
<tdstyle="width: 80px">
                   
<asp:ButtonID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click"/></td>
           
</tr>
           
<tr>
               
<tdcolspan="2" style="height: 21px">
                   
<asp:LabelID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>                
           
</tr>
       
</table>    
   
</div>
   
</form>
</body>

后台代码:

<!--

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->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;
using System.IO;

public partial class _Default : System.Web.UI.Page 
{
   
protectedvoid Page_Load(object sender, EventArgs e)
    {

    }
   
protectedvoid bt_upload_Click(object sender, EventArgs e)
    {
       
try
        {
           
if (FileUpload1.PostedFile.FileName== "")
            {
               
this.lb_info.Text= "请选择文件!";
            }
           
else
            {
               
string filepath= FileUpload1.PostedFile.FileName;
               
if (IsAllowedExtension(FileUpload1)== true)
                {
                   
string filename= filepath.Substring(filepath.LastIndexOf("\\")+ 1);
                   
string serverpath= Server.MapPath("images/")+ filename;
                    FileUpload1.PostedFile.SaveAs(serverpath);
                   
this.lb_info.Text= "上传成功!";
                }
               
else
                {
                   
this.lb_info.Text= "请上传图片";
                }
            }
        }
       
catch (Exception error)
        {
           
this.lb_info.Text= "上传发生错误!原因:"+ error.ToString();
        }
    }
   
private static bool IsAllowedExtension(FileUpload upfile)
    {
        FileStream fs
=new FileStream(upfile.PostedFile.FileName, FileMode.Open, FileAccess.Read);
        BinaryReader r
=new BinaryReader(fs);
       
string fileclass= "";
       
byte buffer;
       
try
        {
            buffer
= r.ReadByte();
            fileclass
= buffer.ToString();
            buffer
= r.ReadByte();
            fileclass
+= buffer.ToString();
        }
       
catch
        { 
            
        }
        r.Close();
        fs.Close();
       
if (fileclass== "255216"|| fileclass== "7173"||fileclass=="6677"||fileclass=="13780")//说明255216是jpg;7173是gif;6677是BMP,13780是PNG;7790是exe,8297是rar
        {
           
returntrue;
        }
       
else
        {
           
returnfalse;
        }
    }
}

原创粉丝点击