程序師世界是廣大編程愛好者互助、分享、學習的平台,程序師世界有你更精彩!
首頁
編程語言
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