jquery插件uploadify使用详解

web前端|js教程

uploadify,jquery,详解

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

漫画源码织梦,ubuntu的网卡配置,ai智能爬虫图片,php is a,度seo排名lzw

先上效果图：

彩票分析网源码,vscode不能预览,ubuntu独显启动黑屏,tomcat 设置gbk,sqlite读并发量,js地图画图插件,web前端异步加载框架,JS逆向爬虫解释,php 跳转 代码,武汉专业seo外包,淘客网站源码多种采集,易语言采集网页内容,手机网站模板css文件,jquery ajax页面刷新, ef 管理系统,网站程序源码怎么看lzw

秒赞源码,苹果vscode终端快捷键,vim命令 ubuntu,idea能删tomcat,爬虫+工具+下载,php 取数组最后一个值,北京个人seo优化电话多少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即可实现。