• ASP.NET


    解决方案:

    前段代码:

    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="MultiFileUpload.aspx.cs" Inherits="WebApplication1.MultiFileUpload1" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>ASP.NET多文件上传测试</title>
    
        <script type="text/javascript">
            function addFile() {
                var div = document.createElement("div");
                var f = document.createElement("input");
                f.setAttribute("type", "file")
                f.setAttribute("name", "File")
                f.setAttribute("size", "50")
                div.appendChild(f)
                var d = document.createElement("input");
                d.setAttribute("type", "button")
                d.setAttribute("onclick", "deteFile(this)");
                d.setAttribute("value", "移除")
                div.appendChild(d)
                document.getElementById("_container").appendChild(div);
            }
    
            function deteFile(o) {
                while (o.tagName != "DIV") o = o.parentNode;
                o.parentNode.removeChild(o);
            }
        </script>
    
    </head>
    <body>
        <form id="form1" runat="server" method="post" enctype="multipart/form-data">
            <h3>多文件上传</h3>
            用户名:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            <div id="_container">
                <input type="file" size ="50" name="File" />
            </div>
            <div>
                <input type="button" value="添加文件(Add)" onclick="addFile()" />
            </div>
            <div style="padding: 10px 0">
                <asp:Button runat="server" Text="开始上传" ID="UploadButton"
                    OnClick ="UploadButton_Click"></asp:Button>
            </div>
            <div>
                <asp:Label ID="strStatus" runat="server" Font-Names="宋体" Font-Bold="True" Font-Size="9pt"
                    Width="500px" BorderStyle="None" BorderColor="White"></asp:Label>
            </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;
    
    namespace WebApplication1
    {
        public partial class MultiFileUpload1 : System.Web.UI.Page
        {
            protected void Page_Load(object sender, EventArgs e)
            {
            }
    
            protected void UploadButton_Click(object sender, EventArgs e)
            {
                ///遍历File表单元素
                HttpFileCollection files = HttpContext.Current.Request.Files;
    
                /// 状态信息
                System.Text.StringBuilder strMsg = new System.Text.StringBuilder("您输入的用户名是:" + TextBox1.Text + "<br/>");
                strMsg.Append("上传的文件分别是:<hr color='red'/>");
                try
                {
                    for (int iFile = 0; iFile < files.Count; iFile++)
                    {
                        ///检查文件扩展名字
                        HttpPostedFile postedFile = files[iFile];
                        string fileName, fileExtension;
                        fileName = System.IO.Path.GetFileName(postedFile.FileName);
                        if (fileName != "")
                        {
                            fileExtension = System.IO.Path.GetExtension(fileName);
                            strMsg.Append("上传的文件类型:" + postedFile.ContentType.ToString() + "<br>");
                            strMsg.Append("客户端文件地址:" + postedFile.FileName + "<br>");
                            strMsg.Append("上传文件的文件名:" + fileName + "<br>");
                            strMsg.Append("上传文件的扩展名:" + fileExtension + "<br><hr>");
                            ///可根据扩展名字的不同保存到不同的文件夹
                            ///注意:可能要修改你的文件夹的匿名写入权限。
                            postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("images/") + fileName);
                        }
                    }
                    strStatus.Text = strMsg.ToString();
                }
                catch (System.Exception Ex)
                {
                    strStatus.Text = Ex.Message;
                }
            }
        }
    }
    

      

    最终效果:

    ------------------------------------------------------------------------------------------------------------------

  • 相关阅读:
    MongoDB的基本操作
    Python 进阶 之 协程
    sublime text3 3143 注册码
    git add 文档
    Corosync 配置描述
    Centos 7 设置 DNS
    2017百度春招<度度熊买帽子的问题>
    leetcode 160. Intersection of Two Linked Lists
    leetcode 155. Min Stack
    leetcode 141 142. Linked List Cycle
  • 原文地址:https://www.cnblogs.com/KTblog/p/4740984.html
Copyright © 2020-2023  润新知