仿163的多文件上传带增加删除功能_多文件上传增删减-优快云博客

本文链接：https://blog.youkuaiyun.com/xft_1981/article/details/1421690

本文介绍了一个基于ASP.NET的多文件上传组件实现细节。通过客户端动态添加文件输入框及删除按钮，实现用户友好的文件上传体验。服务器端采用C#处理上传文件，包括文件保存、数据库记录等操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近看了孟子的多文件上传，又想起了163网易网盘上的那个多文件上传功能，于是，改造开始了……

1.ProductUpFile.aspx

<%@ Page language="c#" Codebehind="ProductPicUpFile.aspx.cs" AutoEventWireup="false" Inherits="LabWeb.adminstra.ProductPicUpFile" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >

<HTML>

<HEAD>

<title>产品图片库上传程序--徐锋田</title>

var iRow=0;

function insert_row(){

R=tbl.insertRow()

C=R.insertCell()

C.innerHTML="<INPUT type='file' size='50' NAME='File'>"

C=R.insertCell()

C.innerHTML="<input type='button' value='删除' onclick='tbl.deleteRow("+(iRow-1)+");iRow--'>"

iRow++

}

</script>

</HEAD>

<body>

<TR>

<TD>

<H3>产品图片上传</H3>

</TD>

</TR>

<TR>

<TD>

<TR>

<TD align="left"><INPUT style="WIDTH: 40px; HEIGHT: 22px" onclick="insert_row()" type="button" size="20"

value="增加"></TD>

</TR>

</TABLE>

</TD>

</TR>

<TR>

</TD>

</TR>

<TR>

<TD><asp:label id="strStatus" runat="server" BorderStyle="None" Width="100%" Font-Size="9pt" Font-Bold="True"

Font-Names="宋体"></asp:label></TD>

</TR>

</TABLE>

</form>

</body>

</HTML>

后台CS页面

using System;
using System.Collections;
using System.ComponentModel;
using System.Data;
using System.Drawing;
using System.Web;
using System.Web.SessionState;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.HtmlControls;
using System.Data.SqlClient;
using System.IO;
namespace LabWeb.adminstra
{
    /// <summary>
    /// ProductPicUpFile 的摘要说明。
    /// </summary>
    public class ProductPicUpFile : System.Web.UI.Page
    {
        protected System.Web.UI.WebControls.Button UploadButton;
        protected System.Web.UI.WebControls.Label strStatus;

        private void Page_Load(object sender, System.EventArgs e)
        {
            if (this.IsPostBack)
            {
                this.SaveImages();
            }
            // 在此处放置用户代码以初始化页面
        }
        private Boolean SaveImages()
        {
            //取得产品Id
            string ProductID=Request.QueryString["ProductID"].ToString();
            ///'遍历File表单元素
            HttpFileCollection files  = HttpContext.Current.Request.Files;

            /// '状态信息
            System.Text.StringBuilder strMsg = new System.Text.StringBuilder();
            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 != "")
                    {
                        //重新命名文件名
                        Random rd = new Random();//产生随机数
                        int valationNo = 10 + rd.Next(99);//产生随机数
                        string suiji = valationNo.ToString();//产生随机数

                        fileName=ProductID+"_"+System.DateTime.Now.ToString("MMddhhmmss")+suiji+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>");
                        ///'可根据扩展名字的不同保存到不同的文件夹
                        ///注意：可能要修改你的文件夹的匿名写入权限。
                        //月份
                        string YY=System.DateTime.Now.Year.ToString();
                        string MM=System.DateTime.Now.Month.ToString();
                        string UserDirectory = ProductID;//所要创建文件夹的名字，实际运用中可为用户注册ID
                        string UserPath = Server.MapPath("../ProductPicMore").ToString() + "/" + UserDirectory + "/"+YY+"/" + MM;
                        if (!Directory.Exists(UserPath)) //如果文件夹不存在则创建
                        {
                            Directory.CreateDirectory(UserPath);
                        }
                        string newPath = "../ProductPicMore/" + UserDirectory + "/" + YY+"/"+MM+"/";//得到服务端图片的虚拟路径
                        string SavePath="ProductPicMore/" + UserDirectory + "/" + YY+"/"+MM+"/"+fileName;

                        postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath(newPath) + fileName);
                        SqlConnection con=DB.CreateCon();
                        con.Open();
                        SqlCommand cmd =new SqlCommand("insert into ProductPic(ProductID,ProductPicName) values('"+ProductID+"','"+SavePath+"')",con);
                        cmd.ExecuteNonQuery();
                        con.Close();
                    }
                }
                strStatus.Text = strMsg.ToString();

                return true;
            }
            catch(System.Exception Ex)
            {
                strStatus.Text = Ex.Message;
                return false;
            }
        }

        #region Web 窗体设计器生成的代码
        override protected void OnInit(EventArgs e)
        {
            //
            // CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
            //
            InitializeComponent();
            base.OnInit(e);
        }

        /// <summary>
        /// 设计器支持所需的方法 - 不要使用代码编辑器修改
        /// 此方法的内容。
        /// </summary>
        private void InitializeComponent()
        {
            this.Load += new System.EventHandler(this.Page_Load);

        }
        #endregion
    }
}