程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
C語言|JAVA編程
Python編程
網頁編程
ASP編程|PHP編程
JSP編程
數據庫知識
MYSQL數據庫|SqlServer數據庫
Oracle數據庫|DB2數據庫
 程式師世界 >> 編程語言 >> .NET網頁編程 >> ASP.NET >> 關於ASP.NET >> asp.net圖片上傳實例

asp.net圖片上傳實例

編輯:關於ASP.NET

     網站後台都需要有上傳圖片的功能,下面的例子就是實現有關圖片上傳。缺點:圖片上傳到本服務器上,不適合大量圖片上傳

    第一、圖片上傳,代碼如下: xxx.aspx  代碼如下:  <td class="style1">                  <asp:FileUpload ID="FileUpload1" runat="server"  />                 <asp:Button ID="Button1" runat="server" Text="上傳一般圖片" onclick="Button1_Click" />              </td>             <td class="style3">                  <asp:Image ID="Image1" runat="server" Height="200px" Width="200px" />              </td>     xxx.aspx.cs 代碼如下:  protected void Button1_Click(object sender, EventArgs e)         {             for (int i = 0; i < Request.Files.Count; i++)             {                 HttpPostedFile file = Request.Files[i];                 if (file.ContentLength > 0)                 {                     if (file.ContentType.Contains("image/"))                     {                         using (System.Drawing.Image img = System.Drawing.Image.FromStream(file.InputStream))                         {                             string FileName = System.IO.Path.GetFileName(file.FileName);                             string[] SplitFileName = FileName.Split('.');                             string AtterFileName = DateTime.Now.ToString("yyyMMddHHmmss")+"." + SplitFileName[1];                             img.Save(Server.MapPath("/upload/" + AtterFileName));                               this.Image1.ImageUrl = "upload/" + AtterFileName;                         }                     }                     else                     {                         Response.Write("<script>alert('該文件不是圖片格式!');</script>");                     }                 }                 else                 {                     Response.Write("<script>alert('請選擇要上傳的圖片');</script>");                 }               }         }       第二、添加文字水印的圖片上傳,代碼如下: xxx.aspx   代碼如下:  <td class="style1">                  <asp:FileUpload ID="FileUpload2" runat="server" />                 <asp:Button ID="Button2" runat="server" Text="上傳文字圖片" onclick="Button2_Click" />              </td>             <td>                  <asp:Image ID="Image2" runat="server" Height="200px" Width="200px" />              </td>     xxx.aspx.cs 代碼如下:  protected void Button2_Click(object sender, EventArgs e)         {             for (int i = 0; i < Request.Files.Count; i++)             {                 HttpPostedFile file = Request.Files[i];                 if (file.ContentLength > 0)                 {                     if (file.ContentType.Contains("image/"))                     {                         using (System.Drawing.Image img = System.Drawing.Image.FromStream(file.InputStream))                         {                             using (Graphics g = Graphics.FromImage(img))                             {                                 g.DrawString("我的圖片", new Font("宋體", 14), Brushes.Red, 0, 0);                             }                             string FileName = System.IO.Path.GetFileName(file.FileName);                             string[] SplitFileName = FileName.Split('.');                             string AtterFileName = DateTime.Now.ToString("yyyMMddHHmmss") + "." + SplitFileName[1];                             img.Save(Server.MapPath("/upload/" + AtterFileName));                             this.Image2.ImageUrl = "upload/" + AtterFileName;                         }                     }                     else                     {                         Response.Write("<script>alert('該文件不是圖片格式!');</script>");                     }                 }                 else                 {                     Response.Write("<script>alert('請選擇要上傳的圖片');</script>");                 }               }         }       第三、添加圖片水印的圖片上傳,代碼如下: xxx.aspx    代碼如下:  <td class="style1">                  <asp:FileUpload ID="FileUpload3" runat="server" />                 <asp:Button ID="Button3" runat="server" Text="上傳水印圖片" onclick="Button3_Click" />              </td>             <td>                  <asp:Image ID="Image3" runat="server" Height="200px" Width="200px" />              </td>     xxx.aspx.cs 代碼如下: protected void Button3_Click(object sender, EventArgs e)         {             for (int i = 0; i < Request.Files.Count; i++)             {                 HttpPostedFile file = Request.Files[i];                 if (file.ContentLength > 0)                 {                     if (file.ContentType.Contains("image/"))                     {                         string fileName = file.FileName;                         using (System.Drawing.Image img = System.Drawing.Image.FromStream(file.InputStream))                         {                             using (System.Drawing.Image imgWater = System.Drawing.Image.FromFile(Server.MapPath("/img/czlogo.jpg")))                             {                                 using (Graphics g = Graphics.FromImage(img))                                 {                                     g.DrawImage(imgWater, 0, 0);                                 }                                 string[] SplitFileName = fileName.Split('.');                                 string AtterFileName = DateTime.Now.ToString("yyyMMddHHmmss") + "." + SplitFileName[1];                                 img.Save(Server.MapPath("/upload/" + AtterFileName));                                 this.Image3.ImageUrl = "upload/" + AtterFileName;                             }                         }                     }                     else                     {                         Response.Write("<script>alert('該文件不是圖片格式!');</script>");                     }                 }                 else                 {                     Response.Write("<script>alert('請選擇要上傳的圖片');</script>");                 }             }         }   第四、上傳圖片濃縮圖,代碼如下: xxx.aspx 代碼如下:  <td class="style1">                  <asp:FileUpload ID="FileUpload4" runat="server" />                 <asp:Button ID="Button4" runat="server" Text="上傳濃縮圖片" onclick="Button4_Click" />              </td>             <td>                  <asp:Image ID="Image4" runat="server" Height="200px" Width="200px" />              </td>     xxx.aspx.cs 代碼如下:  protected void Button4_Click(object sender, EventArgs e)         {             for (int i = 0; i < Request.Files.Count; i++)             {                 HttpPostedFile file = Request.Files[i];                 if (file.ContentLength > 0)                 {                     if (file.ContentType.Contains("image/"))                     {                          using (System.Drawing.Image img = System.Drawing.Image.FromStream(file.InputStream))                         {                             using (System.Drawing.Image imgThumb = new Bitmap(200, 100))                             {                                 using (Graphics g = Graphics.FromImage(imgThumb))                                 {                                     g.DrawImage(img, new Rectangle(0, 0, imgThumb.Width, imgThumb.Height), new Rectangle(0, 0, img.Width, img.Height), GraphicsUnit.Pixel);                                 }                                 string fileName = file.FileName;                                 string[] SplitFileName = fileName.Split('.');                                 string AtterFileName = DateTime.Now.ToString("yyyMMddHHmmss") + "." + SplitFileName[1];                                 img.Save(Server.MapPath("/upload/" + AtterFileName));                                 this.Image4.ImageUrl = "upload/" + AtterFileName;                             }                         }                     }                     else                     {                         Response.Write("<script>alert('該文件不是圖片格式!');</script>");                     }                 }                 else                 {                     Response.Write("<script>alert('請選擇要上傳的圖片');</script>");                 }             }           }    
    1. 上一頁:
    2. 下一頁:
    Copyright © 程式師世界 All Rights Reserved