设为首页优惠IDC收藏本站六狼博客六狼论坛
开启辅助访问 切换到窄版

六狼论坛

 找回密码
 立即注册

QQ登录

只需一步，快速开始

新浪微博账号登陆

只需一步，快速开始

搜索
六狼论坛»首页 › 编程技术 › MicroSoft › ASP.NET › 使用ASP.NET上传图片汇总
返回列表 发新帖
查看: 816|回复: 1

使用ASP.NET上传图片汇总

[复制链接]
 楼主| 发表于 2013-12-8 23:34:24 | 显示全部楼层 |阅读模式
1 使用标准HTML来进行图片上传
前台代码：
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <div>
  4.         <table>
  5.             <tr>
  6.                 <td colspan="2" style="height: 21px" >
  7.                     使用标准HTML来进行图片上传</td>
  8.             </tr>
  9.             <tr>
  10.                 <td style="width: 400px">
  11.                     <input id="InputFile" style="width: 399px" type="file" runat="server" /></td>
  12.                 <td style="width: 80px">
  13.                     <asp:Button ID="UploadButton" runat="server" Text="上传图片" OnClick="UploadButton_Click" /></td>
  14.             </tr>
  15.             <tr>
  16.                 <td colspan="2" >
  17.                     <asp:Label ID="Lb_Info" runat="server" ForeColor="Red"></asp:Label></td>                 
  18.             </tr>
  19.         </table>     
  20.     </div>
  21.     </form>
  22. </body>
复制代码
后台代码：
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;

  11. public partial class _Default : System.Web.UI.Page  
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {

  16.     }
  17.     protected void UploadButton_Click(object sender, EventArgs e)
  18.     {
  19.         string uploadName = InputFile.Value;//获取待上传图片的完整路径，包括文件名
  20.         //string uploadName = InputFile.PostedFile.FileName;
  21.         string pictureName = "";//上传后的图片名，以当前时间为文件名，确保文件名没有重复
  22.         if (InputFile.Value != "")
  23.         {
  24.             int idx = uploadName.LastIndexOf(".");
  25.             string suffix = uploadName.Substring(idx);//获得上传的图片的后缀名
  26.             pictureName = DateTime.Now.Ticks.ToString() + suffix;
  27.         }
  28.         try
  29.         {
  30.             if (uploadName != "")
  31.             {
  32.                 string path = Server.MapPath("~/images/");
  33.                 InputFile.PostedFile.SaveAs(path + pictureName);
  34.             }
  35.         }
  36.         catch (Exception ex)
  37.         {
  38.             Response.Write(ex);
  39.         }
  40.     }
  41. }
复制代码

2 单文件上传
        这是最基本的文件上传，在asp.net1.x中没有这个FileUpload控件，只有html的上传控件，那时候要把html控件转化为服务器控件，很不好用。其实所有文件上传的美丽效果都是从这个FileUpload控件衍生，第一个例子虽然简单却是根本。
前台代码：
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <div>
  4.         <table style="width: 90%">
  5.             <tr>
  6.                 <td style="width: 159px" colspan=2>
  7.                     <strong><span style="font-size: 10pt">最简单的单文件上传</span></strong></td>
  8.             </tr>
  9.             <tr>
  10.                 <td style="width: 600px">
  11.                     <asp:FileUpload ID="FileUpload1" runat="server" Width="600px" /></td>
  12.                 <td align=left>
  13.                     <asp:Button ID="FileUpload_Button" runat="server" Text="上传图片" OnClick="FileUpload_Button_Click" /></td>
  14.             </tr>
  15.             <tr>
  16.                 <td colspan=2>
  17.                     <asp:Label ID="Upload_info" runat="server" ForeColor="Red" Width="767px"></asp:Label></td>
  18.             </tr>
  19.         </table>     
  20.     </div>
  21.     </form>
  22. </body>
复制代码
后台代码：
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;

  11. public partial class _Default : System.Web.UI.Page  
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {

  16.     }
  17.     protected void FileUpload_Button_Click(object sender, EventArgs e)
  18.     {
  19.         try
  20.         {
  21.             if (FileUpload1.PostedFile.FileName == "")
  22.             //if (FileUpload1.FileName == "")
  23.             //if (!FileUpload1.HasFile)     //获取一个值，该值指示 System.Web.UI.WebControls.FileUpload 控件是否包含文件。包含文件，则为 true；否则为 false。
  24.             {
  25.                 this.Upload_info.Text = "请选择上传文件！";
  26.             }
  27.             else
  28.             {
  29.                 string filepath = FileUpload1.PostedFile.FileName;  //得到的是文件的完整路径,包括文件名，如：C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
  30.                 //string filepath = FileUpload1.FileName;               //得到上传的文件名20022775_m.jpg
  31.                 string filename = filepath.Substring(filepath.LastIndexOf("\") + 1);//20022775_m.jpg
  32.                 string serverpath = Server.MapPath("~/images/") + filename;//取得文件在服务器上保存的位置C:\Inetpub\wwwroot\WebSite1\images\20022775_m.jpg
  33.                 FileUpload1.PostedFile.SaveAs(serverpath);//将上传的文件另存为
  34.                 this.Upload_info.Text = "上传成功！";
  35.             }
  36.         }
  37.         catch (Exception ex)
  38.         {
  39.             this.Upload_info.Text = "上传发生错误！原因是：" + ex.ToString();
  40.         }
  41.     }
  42. }
复制代码


3 多文件上传
前台代码：
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <div>
  4.     <table style="width: 343px">
  5.             <tr>
  6.                 <td style="width: 100px">
  7.                     多文件上传</td>
  8.                 <td style="width: 100px">
  9.                 </td>
  10.             </tr>
  11.             <tr>
  12.                 <td style="width: 100px">
  13.                     <asp:FileUpload ID="FileUpload1" runat="server" Width="475px" />
  14.                     </td>
  15.                 <td style="width: 100px">
  16.                     </td>
  17.             </tr>
  18.             <tr>
  19.                 <td style="width: 100px">
  20.                     <asp:FileUpload ID="FileUpload2" runat="server" Width="475px" /></td>
  21.                 <td style="width: 100px">
  22.                 </td>
  23.             </tr>
  24.             <tr>
  25.                 <td style="width: 100px">
  26.                     <asp:FileUpload ID="FileUpload3" runat="server" Width="475px" /></td>
  27.                 <td style="width: 100px">
  28.                 </td>
  29.             </tr>
  30.             <tr>
  31.                 <td style="width: 100px">
  32.                     <asp:Button ID="bt_upload" runat="server" OnClick="bt_upload_Click" Text="一起上传" />
  33.                     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="448px"></asp:Label></td>
  34.                 <td style="width: 100px">
  35.                 </td>
  36.             </tr>
  37.         </table>
  38.     </div>
  39.     </form>
  40. </body>
复制代码
后台代码：
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;

  11. public partial class _Default : System.Web.UI.Page  
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {

  16.     }
  17.     protected void bt_upload_Click(object sender, EventArgs e)
  18.     {
  19.         if (FileUpload1.PostedFile.FileName == "" && FileUpload2.PostedFile.FileName == "" && FileUpload3.PostedFile.FileName == "")
  20.         {
  21.             this.lb_info.Text = "请选择文件！";
  22.         }
  23.         else
  24.         {
  25.             HttpFileCollection myfiles = Request.Files;
  26.             for (int i = 0; i < myfiles.Count; i++)
  27.             {
  28.                 HttpPostedFile mypost = myfiles[i];
  29.                 try
  30.                 {
  31.                     if (mypost.ContentLength > 0)
  32.                     {
  33.                         string filepath = mypost.FileName;//C:\Documents and Settings\Administrator\My Documents\My Pictures\20022775_m.jpg
  34.                         string filename = filepath.Substring(filepath.LastIndexOf("\") + 1);//20022775_m.jpg
  35.                         string serverpath = Server.MapPath("~/images/") + filename;//C:\Inetpub\wwwroot\WebSite2\images\20022775_m.jpg
  36.                         mypost.SaveAs(serverpath);
  37.                         this.lb_info.Text = "上传成功！";
  38.                     }
  39.                 }
  40.                 catch (Exception ex)
  41.                 {
  42.                     this.lb_info.Text = "上传发生错误！原因：" + ex.Message.ToString();
  43.                 }
  44.             }
  45.         }
  46.     }
  47. }
复制代码
  

4 客户端检查上传文件类型(以上传图片为例)
  1. <%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

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

  5. <html xmlns="http://www.w3.org/1999/xhtml" >
  6. <head runat="server">
  7.     <title>客户端检查上传文件类型</title>
  8.     <script language="javascript">
  9.     function Check_FileType()
  10.     {
  11.         var str=document.getElementById("FileUpload1").value;
  12.         var pos=str.lastIndexOf(".");
  13.         var lastname=str.substring(pos,str.length);
  14.         if(lastname.toLowerCase()!=".jpg"&&lastname.toLowerCase()!=".gif")
  15.         {
  16.             alert("您上传的文件类型为"+lastname+"，图片必须为.jpg,.gif类型");
  17.             return false;
  18.         }
  19.         else
  20.         {
  21.             return true;
  22.         }         
  23.     }
  24.     </script>
  25. </head>
  26. <body>
  27.     <form id="form1" runat="server">
  28.     <div>
  29.         <table>
  30.             <tr>
  31.                 <td colspan="2">
  32.                     客户端检查上传文件类型</td>                 
  33.             </tr>
  34.             <tr>
  35.                 <td style="width: 444px">
  36.                     <asp:FileUpload ID="FileUpload1" runat="server" Width="432px" /></td>
  37.                 <td style="width: 80px">
  38.                     <asp:Button ID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click" OnClientClick="return Check_FileType()" /></td>
  39.             </tr>
  40.             <tr>
  41.                 <td colspan="2" style="height: 21px">
  42.                     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>                 
  43.             </tr>
  44.         </table>     
  45.     </div>
  46.     </form>
  47. </body>
  48. </html>
复制代码
注意：点击上传时先触发客户端事件OnClientClick="return Check_FileType()"
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;

  11. public partial class _Default : System.Web.UI.Page  
  12. {
  13.     protected void Page_Load(object sender, EventArgs e)
  14.     {

  16.     }

  18.     protected void bt_upload_Click(object sender, EventArgs e)
  19.     {
  20.         try
  21.         {
  22.             if (FileUpload1.PostedFile.FileName == "")
  23.             {
  24.                 this.lb_info.Text = "请选择文件！";
  25.             }
  26.             else
  27.             {
  28.                 string filepath = FileUpload1.PostedFile.FileName;
  29.                 //if (!IsAllowedExtension(FileUpload1))
  30.                 //{
  31.                 //    this.lb_info.Text = "上传文件格式不正确！";
  32.                 //}
  33.                 if (IsAllowedExtension(FileUpload1) == true)
  34.                 {
  35.                     string filename = filepath.Substring(filepath.LastIndexOf("\") + 1);
  36.                     string serverpath = Server.MapPath("~/images/") + filename;
  37.                     FileUpload1.PostedFile.SaveAs(serverpath);
  38.                     this.lb_info.Text = "上传成功！";
  39.                 }
  40.                 else
  41.                 {
  42.                     this.lb_info.Text = "请上传图片！";
  43.                 }
  44.             }
  45.         }
  46.         catch (Exception ex)
  47.         {
  48.             this.lb_info.Text = "上传发生错误！原因：" + ex.ToString();
  49.         }
  50.     }
  51.     private static bool IsAllowedExtension(FileUpload upfile)
  52.     {
  53.         string strOldFilePath = "";
  54.         string strExtension="";
  55.         string[] arrExtension ={ ".gif", ".jpg", ".bmp", ".png" };
  56.         if (upfile.PostedFile.FileName != string.Empty)
  57.         {
  58.             strOldFilePath = upfile.PostedFile.FileName;//获得文件的完整路径名
  59.             strExtension = strOldFilePath.Substring(strOldFilePath.LastIndexOf("."));//获得文件的扩展名，如：.jpg
  60.             for (int i = 0; i < arrExtension.Length; i++)
  61.             {
  62.                 if (strExtension.Equals(arrExtension[i]))
  63.                 {
  64.                     return true;
  65.                 }
  66.             }
  67.         }
  68.         return false;
  69.     }
  70. }
复制代码
注意：若去掉客户端的脚本和客户端事件OnClientClick="return Check_FileType()"，在后台代码
改为：
  1. if (!IsAllowedExtension(FileUpload1))
  2.                 {
  3.                     this.lb_info.Text = "上传文件格式不正确！";
  4.                 }
  5. else if (IsAllowedExtension(FileUpload1) == true)
复制代码
即变成服务器端检查上传文件类型。5  服务器端检查上传文件的类型（文件内部真正的格式）
  1. <body>
  2.     <form id="form1" runat="server">
  3.     <div>
  4.         <table>
  5.             <tr>
  6.                 <td colspan="2">
  7.                     服务器检查上传文件类型</td>                 
  8.             </tr>
  9.             <tr>
  10.                 <td style="width: 444px">
  11.                     <asp:FileUpload ID="FileUpload1" runat="server" Width="432px" /></td>
  12.                 <td style="width: 80px">
  13.                     <asp:Button ID="bt_upload" runat="server" Text="上传图片" OnClick="bt_upload_Click" /></td>
  14.             </tr>
  15.             <tr>
  16.                 <td colspan="2" style="height: 21px">
  17.                     <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="515px"></asp:Label></td>                 
  18.             </tr>
  19.         </table>     
  20.     </div>
  21.     </form>
  22. </body>
复制代码
后台代码：
  1. using System;
  2. using System.Data;
  3. using System.Configuration;
  4. using System.Web;
  5. using System.Web.Security;
  6. using System.Web.UI;
  7. using System.Web.UI.WebControls;
  8. using System.Web.UI.WebControls.WebParts;
  9. using System.Web.UI.HtmlControls;
  10. using System.IO;

  12. public partial class _Default : System.Web.UI.Page  
  13. {
  14.     protected void Page_Load(object sender, EventArgs e)
  15.     {

  17.     }
  18.     protected void bt_upload_Click(object sender, EventArgs e)
  19.     {
  20.         try
  21.         {
  22.             if (FileUpload1.PostedFile.FileName == "")
  23.             {
  24.                 this.lb_info.Text = "请选择文件！";
  25.             }
  26.             else
  27.             {
  28.                 string filepath = FileUpload1.PostedFile.FileName;
  29.                 if (IsAllowedExtension(FileUpload1) == true)
  30.                 {
  31.                     string filename = filepath.Substring(filepath.LastIndexOf("\") + 1);
  32.                     string serverpath = Server.MapPath("images/") + filename;
  33.                     FileUpload1.PostedFile.SaveAs(serverpath);
  34.                     this.lb_info.Text = "上传成功！";
  35.                 }
  36.                 else
  37.                 {
  38.                     this.lb_info.Text = "请上传图片";
  39.                 }
  40.             }
  41.         }
  42.         catch (Exception error)
  43.         {
  44.             this.lb_info.Text = "上传发生错误！原因：" + error.ToString();
  45.         }
  46.     }
  47.     private static bool IsAllowedExtension(FileUpload upfile)
  48.     {
  49.         FileStream fs = new FileStream(upfile.PostedFile.FileName, FileMode.Open, FileAccess.Read);
  50.         BinaryReader r = new BinaryReader(fs);
  51.         string fileclass = "";
  52.         byte buffer;
  53.         try
  54.         {
  55.             buffer = r.ReadByte();
  56.             fileclass = buffer.ToString();
  57.             buffer = r.ReadByte();
  58.             fileclass += buffer.ToString();
  59.         }
  60.         catch
  61.         {  
  62.             
  63.         }
  64.         r.Close();
  65.         fs.Close();
  66.         if (fileclass == "255216" || fileclass == "7173"||fileclass=="6677"||fileclass=="13780")//说明255216是jpg;7173是gif;6677是BMP,13780是PNG;7790是exe,8297是rar
  67.         {
  68.             return true;
  69.         }
  70.         else
  71.         {
  72.             return false;
  73.         }
  74.     }
  75. }
复制代码
转自： http://blog.csdn.net/qing0991/archive/2008/09/06/2890654.aspx







图片

相关帖子

该会员没有填写今日想说内容.
回复

使用道具 举报

ksftg

升级  79.33%

0

主题

0

主题

0

主题

举人

Rank: 3Rank: 3

积分
438
发表于 2014-2-21 00:41:20 | 显示全部楼层
不错不错，值得学习啊!












国标15V7A电源适配器 CCC认证
回复

使用道具 举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册 新浪微博账号登陆

本版积分规则

快速回复 返回顶部 返回列表