jquery插件uploadify实现带进度条的文件批量上传【jquery】

web前端|js教程

jquery插件uploadify实现文件上传,jquery插件uploadify实现文件批量上传

web前端-js教程

有时项目中需要一个文件批量上传功能时，个人认为uploadify是快速简便的解决方案，分享给大家供大家参考，具体如下

jsp选中导出excel源码,前端vscode好看的主题,进程查找 Ubuntu,tomcat查看账户密码,淘礼金 爬虫,php 表单安全,池州seo优化费用多少,html企业展示网站源码,工地支盒子吕模板lzw

先上效果图：

鱼塘游戏 源码,vscode-icons,ubuntu热点联网设置,tomcat关键错误,sqlite的app,国产jquery插件,前端需要学几个框架,webmagic爬虫分页,linux 安装 php,park seo,蚂蚁信息分类网站所用架构,网页流媒体播放器源码,书店网站中文模板,html页面代码检查工具,动科管理系统,simcms 小程序lzw

易语言财务管理源码,vscode汉化下载,ubuntu查看服务启动,360关闭tomcat,sqlite加密与解密,动易 签收 插件,前端技术及相关框架,河南爬虫交流群,php字符过滤,spa的seo,中国教育在线网站源码,js 改变网页字体大小,织梦蓝色教育培训模板下载,css 页面底部,慧琳虚拟主机管理系统下载,matlab 程序加密lzw

具体代码如下：

在页面中如下

完整页面代码

$(function () { var guid = \; var type = \; if (guid == null || guid == "") { guid = newGuid(); } if (type != null) { type = type + /; } $(#file_upload).uploadify({ swf: uploadify/uploadify.swf, //FLash文件路径 uttonText: 浏 览,//按钮文本 uploader: uploadhandler.ashx?guid= + guid, //处理ASHX页面 formData: { folder: picture, isCover: 1 }, //传参数 queueID: fileQueue,//队列的ID queueSizeLimit: 10, //队列最多可上传文件数量，默认为999 auto: false, //选择文件后是否自动上传，默认为true multi: true, //是否为多选，默认为true emoveCompleted: true,//是否完成后移除序列，默认为true fileSizeLimit: , //单个文件大小，0为无限制，可接受KB,MB,GB等单位的字符串值 fileTypeDesc: All Files,//文件描述 fileTypeExts: *.*, //上传的文件后缀过滤器 onQueueComplete: function (queueData) { //所有队列完成后事件alert("上传完毕！"); }, onError: function (event, queueId, fileObj, errorObj) {alert(errorObj.type + "：" + errorObj.info); }, onUploadStart: function (file) { }, onUploadSuccess: function (file, data, response) { //一个文件上传成功后的响应事件处理//var data = $.parseJSON(data);//如果data是json格式//var errMsg = ""; } }); }); function newGuid() { var guid = ""; for (var i = 1; i <= 32; i++) { var n = Math.floor(Math.random() * 16.0).toString(16); guid += n; if ((i == 8) || (i == 12) || (i == 16) || (i == 20))guid += "-"; } return guid; } //执行上传 function doUpload() { $(#file_upload).uploadify(upload, *); }

UploadHandler.ashx代码：

using System;using System.Web;using System.IO;public class UploadHandler : IHttpHandler { public void ProcessRequest (HttpContext context) { context.Response.ContentType = "text/plain"; context.Request.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8"); context.Response.ContentEncoding = System.Text.Encoding.GetEncoding("UTF-8"); context.Response.Charset = "UTF-8"; if (context.Request.Files.Count > 0) { #region 获取上传路径 string uploadFolder = GetUploadFolder(); #endregion if (System.IO.Directory.Exists(uploadFolder)) {//如果上传路径存在 HttpPostedFile file = context.Request.Files["Filedata"]; string filePath = bine(uploadFolder, file.FileName); file.SaveAs(filePath); context.Response.Write("0"); } else { context.Response.Write("2"); } } } public bool IsReusable { get { return false; } } /// /// /// public static string GetFirstFileName(string fileName) { return Path.GetFileNameWithoutExtension(fileName); } /// /// public static string GetUploadFolder() { string rootPath = HttpContext.Current.Server.MapPath("~"); return bine(rootPath, "test"); }}

文件上传.NET默认有大小限制，像IIS限制的30M默认请求大小。如果不想修改IIS，又想突破这个大小的限制，比如上传1GB大小的文件。

这是修改Web.config即可实现。