在asp.net利用jquery实现多文件上传
2010-09-30 10:51
435 查看
具体方式是:
首先需要有jquery.js 其次要有jquery.MultiFile.js这两个文件
然后前台代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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="jquery.js" type="text/javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="FileUpload1" runat="server" class="multi" />
<asp:Button ID="Button1" runat="server" Text="上传" onclick="Button1_Click"
Width="70px" />
</div>
</form>
</body>
</html>
后台代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
try
{
HttpFileCollection hfc = Request.Files;
for (int i = 0; i < hfc.Count; i++)
{
HttpPostedFile hpf=hfc[i];
if (hpf.ContentLength > 0)
{
hpf.SaveAs(Server.MapPath("Files")+"\\"+System.IO.Path.GetFileName(hpf.FileName));
Response.Write("文件:"+hpf.FileName+"大小:"+hpf.ContentLength+"类型:"+hpf.ContentType+"上传成功!<br>");
}
}
}
catch { }
}
}
首先需要有jquery.js 其次要有jquery.MultiFile.js这两个文件
然后前台代码如下:
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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="jquery.js" type="text/javascript"></script>
<script src="jquery.MultiFile.js" type="text/javascript"></script>
</head>
<body>
<form id="form1" runat="server">
<div>
<asp:FileUpload ID="FileUpload1" runat="server" class="multi" />
<asp:Button ID="Button1" runat="server" Text="上传" onclick="Button1_Click"
Width="70px" />
</div>
</form>
</body>
</html>
后台代码如下:
using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
public partial class _Default : System.Web.UI.Page
{
protected void Page_Load(object sender, EventArgs e)
{
}
protected void Button1_Click(object sender, EventArgs e)
{
try
{
HttpFileCollection hfc = Request.Files;
for (int i = 0; i < hfc.Count; i++)
{
HttpPostedFile hpf=hfc[i];
if (hpf.ContentLength > 0)
{
hpf.SaveAs(Server.MapPath("Files")+"\\"+System.IO.Path.GetFileName(hpf.FileName));
Response.Write("文件:"+hpf.FileName+"大小:"+hpf.ContentLength+"类型:"+hpf.ContentType+"上传成功!<br>");
}
}
}
catch { }
}
}
相关文章推荐
- 在asp.net利用jquery.MultiFile实现多文件上传(转载)
- Asp.Net Mvc 使用jQuery实现Ajax文件上传
- 利用uploadify+asp.net 实现大文件批量上传。
- 关于jQuery在Asp.Net Mvc 框架下Ajax文件上传的实现
- 在ASP.NET中实现多文件上传(三)---jQuery Multiple File Upload Plugin
- Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件
- asp.net+JQuery实现文件批量上传!
- asp.net中利用jQuery Form插件上传文件
- 关于jQuery在Asp.Net Mvc 框架下Ajax文件上传的实现
- (转)Asp.Net 用Jquery和一般处理程序实现无刷新上传大文件
- asp.net+JQuery实现文件批量上传
- JQuery多文件上传插件Uploadify在ASP.NET中的实现
- 2014-07-23 利用ASP.NET自带控件实现单文件上传与下载
- asp.net 使用纯jquery上传控件 fineuploader实现多文件上传
- Extjs+Asp.net实现上传大文件带实时进度条
- asp.net和Flash结合实现文件上传
- 实现ASP.NET中FileUpload多文件上传
- 拥有网页版小U盘 ASP.NET实现文件上传与下载功能
- 拥有网页版小U盘 ASP.NET实现文件上传与下载功能
- extjs asp.net成功实现文件上传