jQuery Uploadify结合C#实现带进度条的上传代码,CSharp代码库,德仔网

代码语言

代码分类

【CSharp】 jQuery Uploadify结合C#实现带进度条的上传

作者:新湾 / 发布于2014/10/10/ 523


	<%@ Page Language="C#" AutoEventWireup="true" CodeFile="UpLoad.aspx.cs" Inherits="UploadifyDemo_UpLoad" %>

	<html xmlns="http://www.w3.org/1999/xhtml">
	<head id="Head1" runat="server">
	 <title>Jquery Uploadify上传带进度条</title>
	 <link href="js/jquery.uploadify-v2.1.4/uploadify.css" rel="stylesheet" type="text/css" />
	 <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery-1.4.2.min.js"></script>
	 <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/swfobject.js"></script>
	 <script type="text/javascript" src="js/jquery.uploadify-v2.1.4/jquery.uploadify.v2.1.4.min.js"></script>
	 <script type="text/javascript">
	 $(document).ready(function () {
	 $("#uploadify").uploadify({
	 'uploader': 'js/jquery.uploadify-v2.1.4/uploadify.swf', //uploadify.swf文件的路径
	 'script': 'UploadHandler.ashx', //处理文件上传的后台脚本的路径
	 'cancelImg': 'js/jquery.uploadify-v2.1.4/cancel.png',
	 'folder': 'UploadFile/<% = subpathName %>', //上传文件夹的路径
	 'queueID': 'fileQueue', //页面中，你想要用来作为文件队列的元素的id
	 'auto': false, //当文件被添加到队列时，自动上传
	 'multi': true, //设置为true将允许多文件上传
	 'fileExt': '*.jpg;*.gif;*.png', //允许上传的文件后缀
	 'fileDesc': 'Web Image Files (.JPG, .GIF, .PNG)', //在浏览窗口底部的文件类型下拉菜单中显示的文本
	 'sizeLimit': 102400, //上传文件的大小限制，单位为字节 100k
	 'onCancel': function (event, ID, fileObj, data) { //当从上传队列每移除一个文件时触发一次
	 alert('The upload of ' + fileObj.name + ' has been canceled!');
	 },
	 'onComplete': function (event, ID, fileObj, response, data) { //每完成一次文件上传时触发一次
	 alert('There are ' + data.fileCount + ' files remaining in the queue.');
	 },
	 'onAllComplete': function (event, data) { //当上传队列中的所有文件都完成上传时触发
	 alert(data.filesUploaded + ' files uploaded successfully!');
	 }
	 });
	 });
	 </script>
	</head>
	<body>
	 <form id="form1" runat="server">
	 <div>

	 </div>
	 </form>

	 <div id="fileQueue"></div>
	 <input type="file" name="uploadify" id="uploadify" />
	 
	 <a href="javascript:$('#uploadify').uploadifyUpload()">上传</a>|
	 <a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
	 
	</body>
	</html>

	

	<%@ WebHandler Language="C#" Class="UploadHandler" %>

	using System;
	using System.Web;
	using System.IO;

	public class UploadHandler : IHttpHandler
	{
	 public void ProcessRequest(HttpContext context)
	 {
	 context.Response.ContentType = "text/plain";
	 context.Response.Charset = "utf-8";

	 HttpPostedFile file = context.Request.Files["Filedata"];
	 string uploadPath = HttpContext.Current.Server.MapPath(@context.Request["folder"]);

	 if (file != null)
	 {
	 if (!Directory.Exists(uploadPath))
	 {
	 Directory.CreateDirectory(uploadPath);
	 }
	 file.SaveAs(Path.Combine(uploadPath, file.FileName));
	 context.Response.Write("1");
	 }
	 else
	 {
	 context.Response.Write("0");
	 }
	 }

	 public bool IsReusable
	 {
	 get
	 {
	 return false;
	 }
	 }
	}

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　SSH到Windows本地主机　

同语言下

可能有用的

新湾贡献的其它代码(2)