一座城池

成功就是不懈的努力加上一点点机会,努力是加法,机会是乘法,两者兼备才会得到最大的结果!
当前位置 - 首页 - ASP.NET - ASP.NET jquery.uploadify.js上传插件(带进度条)

ASP.NET jquery.uploadify.js上传插件(带进度条)

2015/1/8 15:10:13  发表于:2015/1/8 15:10:13  ASP.NET 次浏览 
字体大小切换:

效果图:

上传时会显示进度条

 

前台代码

<%@ 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"> <script src="fileupload/jquery-1.4.4.min.js" type="text/javascript" language="javascript"></script> <!-- 脚本部分提示修改为中文 --> <script src="fileupload/jquery.uploadify.js" type="text/javascript" language="javascript"></script> <link href="fileupload/uploadify.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" language="javascript"> $(function() {
        $("#file_upload").uploadify({ 'auto': false, //是否自动上传 'swf': 'fileupload/uploadify.swf', //上传swf控件,不可更改 'uploader': 'Handler.ashx', //上传处理页面,可以aspx 'fileTypeDesc':'pdf文件或者图像', 'fileTypeExts':'*.pdf;*.jpg;*.jpeg;*.gif;*.png', //文件类型限制,默认不受限制 'buttonText':'浏览文件',//按钮文字 'width' :100, 'height' :26, //最大文件数量'uploadLimit': 'multi' :false,//单选  'fileSizeLimit':'20MB', 'queueSizeLimit':1, //队列限制 'removeCompleted' : false });
    }); </script> <title>Jquery文件上传</title> </head> <body> <form id="form1" runat="server"> <input type="file" name="file_upload" id="file_upload" /> <a href="javascript:$('#file_upload').uploadify('cancel')" >删除</a><!-- 删除文件实际操作通过ajax提交. --> <a href="javascript:$('#file_upload').uploadify('upload','*')">Upload Files</a> <br /> <br /> <br /> <br /> <br /> <br /> api参考:&nbsp;http://www.uploadify.com/documentation/ </form> </body> </html>

后台处理ashx页面代码:

<%@ WebHandler Language="C#" Class="Handler" %> using System; using System.Web; public class Handler : IHttpHandler { public void ProcessRequest (HttpContext context) { if (context.Request.Files.Count > 0)
        { //HttpContext.Current.Request.FilePath; string strPath = System.Web.HttpContext.Current.Server.MapPath("~/upload/"); string strName = context.Request.Files[0].FileName;
            context.Request.Files[0].SaveAs(System.IO.Path.Combine(strPath, strName));
        }
    } public bool IsReusable { get { return false;
        }
    }

}
下载地址:(无需积分,点击即可下载)

 

关键字:
上一篇::.NET小常识

发表评论共有0访客发表了评论

    暂无评论,快来抢沙发吧!

我来说几句吧

验证码: 看不清楚?
Top