多文件上传实现
来源:互联网 发布:网络大电影前景 编辑:程序博客网 时间:2024/05/16 13:46
做新闻发布系统的时候,用到了文件上传的功能, 以前曾经做过一个单附件的上传,感觉用的不是很灵活,今天就常识了下多文件的上传。网上出现的大多都不是很好用,参考了孟子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
<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>
<form id="form1" method="post" encType="multipart/form-data" runat="server">
<div align="center">
<h3>多文件上传</h3>
<P id="MyFile"><INPUT type="file" size="50" name="File"></P>
<P><input onclick="addFile()" type="button" value="增加(Add)"> <input onclick="this.form.reset()" type="button" value="重置(ReSet)">
<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.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 窗体设计器生成的代码
override protected void OnInit(EventArgs e)
{
//
// CODEGEN: 该调用是 ASP.NET Web 窗体设计器所必需的。
//
InitializeComponent();
base.OnInit(e);
}
/// <summary>
/// 设计器支持所需的方法 - 不要使用代码编辑器修改
/// 此方法的内容。
/// </summary>
private void InitializeComponent()
{
this.UploadButton.Click += new System.EventHandler(this.UploadButton_Click);
this.ID = "Upload";
this.Load += new System.EventHandler(this.Page_Load);
}
#endregion
private void UploadButton_Click(object sender, System.EventArgs e)
{
this.SaveImages();
}
}
}
至此:全部结束
- 多文件上传实现
- 实现多文件上传
- MultipartFile实现文件上传(单文件与多文件上传)
- JavaBean实现多文件上传
- struts实现多文件上传
- JavaBean实现多文件上传
- jsp实现多文件上传
- Struts2实现多文件上传
- Struts2实现多文件上传
- struts2实现多文件上传
- js实现 多文件 上传。
- Struts2实现多文件上传
- js实现多文件上传
- Swfupload实现多文件上传
- Struts2实现多文件上传
- jQuery实现多文件上传
- JavaScript实现多文件上传
- Struts实现多文件上传
- 第2天 一个rails小例子
- How to Report Bugs Effectively
- 读取数据的文件 menu.js
- WINCE FILTER 注册方法,
- 参加SUN公司2007年Tech Day技术大会有感
- 多文件上传实现
- 提问的智慧之三
- 制作RHEL4 DVD
- JSP的变量
- tomcat中的server.xml元素详解
- 巧用代理自动配置脚本
- 关于#pragma once
- 什么是META
- HttpHandler应用一例