c#多文件上传简单实现

最新推荐文章于 2026-03-26 02:20:43 发布

原创最新推荐文章于 2026-03-26 02:20:43 发布 · 5.4k 阅读

3 ·

本内容遵循CC 4.0 BY-SA版权协议

Asp.net 同时被 2 个专栏收录

115 篇文章

订阅专栏

jQuery

10 篇文章

订阅专栏

本文介绍了使用C#实现前端自定义多文件上传的方法。关键在于form标签设置enctype属性为'multipart/form-data'。

实现效果：前端实现自定义多文件上传。

此处需要注意的是form标签里面添加属性（enctype="multipart/form-data"）因为比较简单废话不说，直接上代码。

前端页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="uploadfiles.aspx.cs" Inherits="Web.uploadfiles" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script src="Scripts/jquery.js" type="text/javascript"></script>
    <script type="text/javascript">
        function Add() {
            $("#btnImg").before("<br /><input type=\"file\" name=\"imgUp\" /> ");
        }
    </script>
</head>
<body>
    <form id="form1" runat="server" enctype="multipart/form-data">
    <div id="imgDiv">
        <input type="file" name="imgUp" />
        <input id="btnImg" type="button" value="添加图片" onclick="Add();" />
    </div>
    <asp:Button ID="Button1" runat="server" Text="上传图片" OnClick="Button1_Click" />
    </form>
</body>
</html>

后端cs代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;

namespace Web
{
    public partial class uploadfiles : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
 
        }

        protected void Button1_Click(object sender, EventArgs e)
        {
            HttpFileCollection collection = Request.Files;
            for (int i = 0; i < collection.Count; i++)
            {
                HttpPostedFile postFile = collection[i];
                string fileName = postFile.FileName;
                fileName = fileName.Substring(fileName.LastIndexOf('\\') + 1);
                postFile.SaveAs(Server.MapPath("~/files/" + fileName));
            }
        }
    }
}