C# asp.net实现文件上传

最新推荐文章于 2025-06-11 14:05:41 发布

刘温柔_

最新推荐文章于 2025-06-11 14:05:41 发布

阅读量1.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： C#，文章标签： c# 前端

本文链接：https://blog.youkuaiyun.com/lLiuCl/article/details/75300421

C#，专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一个使用Visual Studio进行文件上传的实例，包括前端页面设计与后端C#代码实现。前端利用HTML和JavaScript构建文件上传界面，而后端通过C#处理文件上传请求，并将文件保存至指定路径。

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

前端代码：

使用visual studio开发实现文件上传

前端页面代码：

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

<!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">

<script type="text/javascript">    

    var baseText = null; 

    function upOpen() {

        var xzOpen = document.getElementById("xzOpen");

        xzOpen.style.top = "200px"; //窗口距离浏览器内容区最上方的偏移值 

        xzOpen.style.left = "500px"; //窗口距离浏览器内容区最左边的偏移值 

        xzOpen.style.width = "500px"; //窗口的宽度 

        xzOpen.style.height = "300px"; //窗口的高度

        if (baseText == null) baseText = xzOpen.innerHTML;

        xzOpen.innerHTML = baseText + "<div id=\"statusbar\"><button onclick=\"hidePopup(); \">Close window<button></div>"

        var sbar = document.getElementById("statusbar"); 

        sbar.style.marginTop = (parseInt(100)-20) + "px";

        xzOpen.style.visibility = "visible"; 

    document.getElementById("xzOpen").click();

    }

</script>

 <title>上传文档</title>

<style type="text/css"> 

*{ margin:0; padding:0;} 

.exDiv{}

.boxmain{float:left;margin-right:0px;width:100%;} 

.xzOpen{position: absolute; visibility: hidden; overflow: hidden; border:2px solid #CCC; background-color:
 #FFCBB3; border:2px solid #333; padding:5px; }

.F1{float:left;margin-top:5px;}

.B1{float:right;margin-top:80px;}

.left{position:absolute;left:0; background:#BBFFBB;height:300px;width:20%} 

.main{margin-right:200px;background:#79FF79; height:300px;;width:100%;margin-left:auto;} 

.up{margin-right:1px;background:#984B4B; height:30px;width:64px;

margin-left:0px;

    }

</style> 

</head>

<body>

    <form id="form1" runat="server">

    <div class="exDiv" style="width:100%; height:80px; margin:0 auto; border:solid 1px #999999;background-color:#95CACA">

    <font >上传文件</font>

    </div>

    <div class="xzOpen" id="xzOpen" >

        <div class="F1" id="F1">

            <asp:FileUpload ID="FileUpload1" runat="server" Width="224px"  />

         </div>

         <div class="B1" id="B1">

            <asp:Button ID="Button1" runat="server" Text="提交" onclick="Button1_Click"  style="margin:0 auto" Width="107px" />

         </div>

    </div>

    </form>

    <div class="boxmain"> 

        <div class="main">main</div> 

    </div> 

    <div class="left"><input type="file" id="xzFile" style="display:none"/> 

         <button type="button" class="up" onclick="upOpen()">选择文件</button>

    </div> 

</body>

</html>

后台C#部分：

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

namespace scientist

{

    public partial class WebForm1 : System.Web.UI.Page

    {

        protected void Page_Load(object sender, EventArgs e)

        {

        }

        protected void Button1_Click(object sender, EventArgs e)

        {

            HttpPostedFile postedFile = this.FileUpload1.PostedFile; //获取到要上传的文件

            String fileName = "";//文件名

            String filePath = "filesNameTest/";//文件保存路径

            fileName = System.IO.Path.GetFileName(postedFile.FileName);//获取文件名称

            if (System.IO.Directory.Exists(Server.MapPath(filePath)) == false)//判断文件夹是否存在

            {

                System.IO.Directory.CreateDirectory(Server.MapPath(filePath));//如果不存在就创建file文件夹

            }

            if (System.IO.File.Exists(Server.MapPath(filePath+fileName)) == true)//判断同名文件是否存在

            {

                Page.ClientScript.RegisterStartupScript(this.GetType(), "message", "alert('同名文件已存在')", true);//弹窗提示文件已存在

            }

            else//文件不存在则保存文件

            {

                if (fileName != "")//判断前端是否有文件传过来

                {

                    String fileSuffix = System.IO.Path.GetExtension(fileName); //获取上传文件的扩展名

                    postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath(filePath) + fileName);//保存文件至根目录下的files文件夹里

                    Page.ClientScript.RegisterStartupScript(this.GetType(), "message", "alert('已经保存成功')", true);//弹窗提示保存成功

                }

                else

                {

                    Page.ClientScript.RegisterStartupScript(this.GetType(), "message", "alert('请选择文件')", true);//弹窗提示未选择文件

                }

            }

        }

    }

}