多文件上传实践-优快云博客

本文链接：https://blog.youkuaiyun.com/yale28/article/details/1840356

做新闻发布系统的时候，用到了文件上传的功能，以前曾经做过一个单附件的上传，感觉用的不是很灵活，今天就常识了下多文件的上传。网上出现的大多都不是很好用，参考了孟子e章老师的思路，如下

待解决问题如下：

1.页面初始的时候只能显示一个File控件，如何动态的填加file控件，而且控件名要一致（相当于用同一个file 控件多次执行上传的目的）。
2.如何获取全部要上传的文件的本地地址，因为多文件的话这将是一个集合
3.怎么截取文件名
4.怎么截取文件扩展名
5.怎么保存到服务器目录上

解决问题：

1.至于动态的填加File控件，其实可以使用JavaScript脚本实现
function addFile()
{
    var str ="<Input type = "file" name="File" >"    //str的内容和file定义的html要一致；
    document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str) //在原来的file后再加一个同样的file
    //MyFile 是file外部标签的名字也可是个div <p name=MyFile ><Input type = "file" name="File" ></p>
}

2（3；4）.如何获取全部要上传的文件的本地地址? 我们可以遍历file这表单的元素
System.Web.HttpFileCollection files = HttpContext.Current.Request.Files;   //获取上传文件的集合
for(int iFile = 0; iFile < files.Count; iFile++)
    {
     ///'检查文件扩展名字
    System.Web.HttpPostedFile postedFile = files[iFile];
    fileName = System.IO.Path.GetFileName(postedFile.FileName);   //获得文件名
    fileExtension = System.IO.Path.GetExtension(fileName);   //获得文件扩展名
其实文件名和扩展名名还可以使用Substring() LastIndexOf截取

5.怎么保存到服务器目录上
postedFile.SaveAs(System.Web.HttpContext.Current.Request.MapPath("UpLoad/") + fileName);
要事先在系统目录下建立一个UpLoad文件夹且修改你的文件夹的匿名写入权限

算法实现：
1.遍历File表单元素-->获取各文件名-----文件名为空-->提示为空
|
文件名不为空--->获取文件扩展名--->保存到服务器

其他未涉及操作：
1.可以根据文件的扩展名将文件保存到不同的目录
2.文件名可以系统自己生成，便于管理（可以根据上传的时间等算法取名）
3.如何突破大文件上传的限制
4.可以做个允许（或不允许）上传文件类型的限制

代码如下：

UPLoad.aspx html

<HTML>

<HEAD>

<title>多文件上传</title>
<script language="JavaScript">

function addFile()

{

var str = '<INPUT type="file" size="50" NAME="File">'

document.getElementById('MyFile').insertAdjacentHTML("beforeEnd",str)

}
</script>

</HEAD>

<body>

<h3>多文件上传</h3>

<asp:button id="UploadButton" Text="开始上传" Runat="server"></asp:button></P>

<P><asp:label id="strStatus" runat="server" BorderColor="White" BorderStyle="None" Width="500px"

Font-Size="9pt" Font-Bold="True" Font-Names="宋体"></asp:label></P>

</div>

</form>

</body>

</HTML>

UPLoad.aspx.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;

namespace langsin

{

/// <summary>

/// UpLoad 的摘要说明。

/// 实现多文件上传

/// </summary>

public class Upload : 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()

{

///'遍历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 != "")

{

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();

return true;

}

catch(System.Exception Ex)

{

strStatus.Text = Ex.Message;

return false;

}

Web 窗体设计器生成的代码

private void UploadButton_Click(object sender, System.EventArgs e)

{

this.SaveImages();

}

至此：全部结束

多文件上传实现