zoukankan      html  css  js  c++  java
  • ASP.NET 上传图片

      1.单个上传,前台页面如下:

     <form id="form1" runat="server">
         <div>
            <table>
                <tr>
                    <td colspan="2" style="height: 21px" >
                        使用标准HTML来进行图片上传</td>
                </tr>
                <tr>
                    <td style=" 400px">
                        <input id="InputFile" style=" 399px" type="file" runat="server" /></td>
                    <td style=" 80px">
                        <asp:Button ID="UploadButton" runat="server" Text="上传图片" OnClick="UploadButton_Click" /></td>
                </tr>
                <tr>
                    <td colspan="2" >
                        <asp:Label ID="Lb_Info" runat="server" ForeColor="Red"></asp:Label></td>                
                </tr>
            </table>    
        </div>
    
        </form>
    

      后台代码如下

        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void 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("css/images/");
                    InputFile.PostedFile.SaveAs(path + pictureName);
                    this.Lb_Info.Text = "上传成功";
                }
            }
            catch (Exception ex)
            {
                Response.Write(ex);
            }
        }
    

      2,多文件上传,前台页面如下:

     <head runat="server">
        <title></title>
        <script type="text/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类型");
                    return false;
                }
                else {
                    return true;
                }
            }
    
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
         <div>
        <table style=" 343px">
                <tr>
                    <td style=" 100px">
                        多文件上传</td>
                    <td style=" 100px">
                    </td>
                </tr>
                <tr>
                    <td style=" 100px">
                        <asp:FileUpload ID="FileUpload1" runat="server" Width="475px" />
                        </td>
                    <td style=" 100px">
                        </td>
                </tr>
                <tr>
                    <td style=" 100px">
                        <asp:FileUpload ID="FileUpload2" runat="server" Width="475px" /></td>
                    <td style=" 100px">
                    </td>
                </tr>
                <tr>
                    <td style=" 100px">
                        <asp:FileUpload ID="FileUpload3" runat="server" Width="475px" /></td>
                    <td style=" 100px">
                    </td>
                </tr>
                <tr>
                    <td style=" 100px">
                        <asp:Button ID="bt_upload" runat="server" OnClick="bt_upload_Click" Text="一起上传" />
                        <asp:Label ID="lb_info" runat="server" ForeColor="Red" Width="448px"></asp:Label></td>
                    <td style=" 100px">
                    </td>
                </tr>
            </table>
        </div>
    
        </form>
    </body>
    </html>
    

      后如代码如下:

    using System;
    using System.Collections.Generic;
    using System.Linq;
    using System.Web;
    using System.Web.UI;
    using System.Web.UI.WebControls;
    
    public partial class Default11 : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
    
        }
        protected void 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("css/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();
                    }
                }
            }
    
        }
    }
    

      

  • 相关阅读:
    C#多线程(16):手把手教你撸一个工作流
    C#多线程(15):任务基础③
    C#多线程(14):任务基础②
    C#多线程(13):任务基础①
    C#多线程(12):线程池
    C#多线程(11):线程等待
    C#多线程(10):读写锁
    C#多线程(9):多阶段并行线程
    C#多线程(8):线程完成数
    C#多线程(7):手动线程通知
  • 原文地址:https://www.cnblogs.com/xu3593/p/2859664.html
Copyright © 2011-2022 走看看