asp. net image upload example

  • 2020-10-31 21:43:18
  • OfStack

1. Picture upload, the code is as follows:
xxx.aspx


 <td class="style1"> 
                <asp:FileUpload ID="FileUpload1" runat="server"  />
                <asp:Button ID="Button1" runat="server" Text=" upload 1 Like the picture " 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(' This file is not in image format! ');</script>");
                    }
                }
                else
                {
                    Response.Write("<script>alert(' Please select the image to upload ');</script>");
                }
            }
        }

2. Upload images with text watermark, the code is as follows:
xxx.aspx


 <td class="style1"> 
                <asp:FileUpload ID="FileUpload2" runat="server" />
                <asp:Button ID="Button2" runat="server" Text=" Upload text picture " 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(" My pictures ", new Font(" Song typeface ", 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(' This file is not in image format! ');</script>");
                    }
                }
                else
                {
                    Response.Write("<script>alert(' Please select the image to upload ');</script>");
                }
            }
        }

3. Upload the watermark image, the code is as follows:
xxx.aspx


 <td class="style1"> 
                <asp:FileUpload ID="FileUpload3" runat="server" />
                <asp:Button ID="Button3" runat="server" Text=" Upload watermark image " 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(' This file is not in image format! ');</script>");
                    }
                }
                else
                {
                    Response.Write("<script>alert(' Please select the image to upload ');</script>");
                }
            }
        }

4. Upload the condensed picture, the code is as follows:
xxx.aspx

 <td class="style1"> 
                <asp:FileUpload ID="FileUpload4" runat="server" />
                <asp:Button ID="Button4" runat="server" Text=" Upload condensed images " 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(' This file is not in image format! ');</script>");
                    }
                }
                else
                {
                    Response.Write("<script>alert(' Please select the image to upload ');</script>");
                }
            }
        }


Related articles: