uploadify ,简单实用的flash上传组件,兼容性良好。 现已有html5版本。

官方地址:http://www.uploadify.com/

官方英文文档:http://www.uploadify.com/documentation/

Demos    Download

使用方法(.net版本):

前台JS

$("#id").uploadify({
          height: 30,

swf: '/uploadify/uploadify.swf',
uploader: '/Handler/uploadPic.ashx',
width: 120,
cancelImg: '/uploadify/uploadify-cancel.png',
buttonText: '选择图片',
fileTypeExts: '*.gif;*.jpg;*.jpeg;*.png',
'fileSizeLimit': '6000KB',
removeCompleted: false,
'formData': {
"id":"1"
},
onUploadSuccess: function (file, data, response) {//上传完成时触发(每个文件触发一次)
if (data.indexOf('错误提示') > -1) {
alert(data);
}
else {
//$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
alert("上传成功!");
}
},
'onUploadError': function (file, errorCode, errorMsg, errorString) {//当单个文件上传出错时触发
alert('文件:' + file.name + ' 上传失败: ' + errorString);
}

});

ASHX文件:


protected string AllowExt = "7z|aiff|asf|avi|bmp|csv|doc|docx|fla|flv|gif|gz|gzip|jpeg|jpg|mid|mov|mp3|mp4|mpc|mpeg|mpg|ods|odt|pdf|png|ppt|pptx|pxd|qt|ram|rar|rm|rmi|rmvb|rtf|sdc|sitd|swf|sxc|sxw|tar|tgz|tif|tiff|txt|vsd|wav|wma|wmv|xls|xlsx|xml|zip";//支持的文件格式 
         

int FileMaxSize = 10240;//文件大小,单位为Kpublicvoid ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            string ParentID = context.Request.Params["id"];
            HttpPostedFile fileUpload = context.Request.Files[0];
            if (fileUpload != null)
            {
                try
                {
                    string UploadDir = "~/upload/";//图片保存的文件夹
                    //图片保存的文件夹路径
                    string path = context.Server.MapPath(UploadDir);
                    //每天上传的图片一个文件夹
                    string folder = DateTime.Now.ToString("yyyyMM");
                    //如果文件夹不存在,则创建
                    if (!Directory.Exists(path + folder))
                    {
                        Directory.CreateDirectory(path + folder);
                    }
                    //上传图片的扩展名
                    string fileExtension = fileUpload.FileName.Substring(fileUpload.FileName.LastIndexOf('.'));
                    //判断文件格式
                    if (!CheckValidExt(fileExtension))
                    {
                        context.Response.Write("错误提示:文件格式不正确!" + fileExtension);
                        return;
                    }
                    //判断文件大小
                    if (fileUpload.ContentLength > FileMaxSize * 1024)
                    {
                        context.Response.Write("错误提示:上传的文件(" + fileUpload.FileName + ")超过最大限制:" + FileMaxSize + "KB");
                        return;
                    }
                    //保存图片的文件名
                    //string saveName = Guid.NewGuid().ToString() + fileExtension;
                    //使用时间+随机数重命名文件
                    string strDateTime = DateTime.Now.ToString("yyMMddhhmmssfff");//取得时间字符串
                    Random ran = new Random();
                    string strRan = Convert.ToString(ran.Next(100, 999));//生成三位随机数
                    string saveName = strDateTime + strRan + fileExtension;

Model.Album uc = new Model.Album();

uc.Title = fileUpload.FileName;
                    uc.ImagePath = folder + "/" + saveName;
                    uc.PostTime = DateTime.Now; 
                    uc.Pid= int.Parse(id);
                    bll.Album alb = new bll.Album();
                    alb.add(uc);

//保存图片
                    fileUpload.SaveAs(path + folder + "/" + saveName);
                    context.Response.Write(UploadDir + folder + "/" + saveName);
                }
                catch
                {
                    context.Response.Write("错误提示:上传失败");
                }

}

}

public bool IsReusable
        {
            get
            {
                return false;
            }
        }

#region 检测扩展名的有效性 bool CheckValidExt(string sExt) 
        /// <summary>
        /// 检测扩展名的有效性
        /// </summary>
        /// <param name="sExt">文件名扩展名</param>
        /// <returns>如果扩展名有效,返回true,否则返回false.</returns>
        public bool CheckValidExt(string strExt)
        {
            bool flag = false;
            string[] arrExt = AllowExt.Split('|');
            foreach (string filetype in arrExt)
            {
                if (filetype.ToLower() == strExt.ToLower().Replace(".", ""))
                {
                    flag = true;
                    break;
                }
            }
            return flag;
        }
        #endregion

参数说明

参考 http://www.cnblogs.com/luohu/archive/2011/12/16/2290135.html#commentform

3.1 版本更新 : 去除postData,更改为formData。  Json数据。  其他更改研究中。

上传文件生成缩略图,将缩略图以data为参数传回页面显示到准备好的容器中。

onUploadSuccess: function (file, data, response) {//上传完成时触发(每个文件触发一次)
                    if (data.indexOf('错误提示') > -1) {
                        alert(data);
                    }
                    else {
                        //$("#previewImage").attr("src", data.substr(2)).hide().fadeIn(2000);
                        alert("上传成功!");
                        jQuery("#albumList").append("<img src='"+data+"' />");

}
                },
                'onUploadError': function (file, errorCode, errorMsg, errorString) {//当单个文件上传出错时触发
                    alert('文件:' + file.name + ' 上传失败: ' + errorString);}

参考: http://www.cnblogs.com/luohu/archive/2011/12/16/2290135.html#commentform

转载于:https://www.cnblogs.com/lucker/archive/2012/06/15/2550823.html

jQuery上传插件-uploadify3.1使用说明相关推荐

  1. Jsp中Uploadify插件的使用(jQuery上传插件)

    原文地址:Jsp中Uploadify插件的使用(jQuery上传插件)作者:项海军 该插件使用的是jQuery,Flash和后端(您选择哪种语言实现的上传)脚本的组合. 如何来使用它? --执行此插件 ...

  2. jquery.uploadify php,jQuery上传插件Uploadify的使用方法

    Web上传文件是一个很常用的功能,试用过不少上传组件,要么是每次只能选择一个文件,要么是选择了文件后不能取消,直接上传,要么就是对文件.队列等限制支持不佳.总之仅仅是依靠JavaScript的实现不太 ...

  3. JQuery上传插件Uploadify使用详解

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

  4. jQuery上传插件Uploadify使用Demo、本地上传(ssm框架下)

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 效果: 1. jar包导入: <!-- 文件上传组件 --><dependency ...

  5. JQuery上传插件Uploadify使用详解 http://www.cnblogs.com/oec2003/archive/2010/01/06/1640027.html

    Uploadify是JQuery的一个上传插件,实现的效果非常不错,带进度显示.不过官方提供的实例时php版本的,本文将详细介绍Uploadify在Aspnet中的使用,您也可以点击下面的链接进行演示 ...

  6. JQuery上传插件Uploadify详解及其中文按钮解决方案

    网上找了一天,大家都说Uploadify唯一的缺点就是不支持中文按钮,杯具之前,我看了下Uploadify的API,才发现了几个参数没被大家提及的,这正是解决此问题的关键.(以后坚决养成没事就看API ...

  7. 工作日志(一)、jquery上传插件uploadify的使用

    2019独角兽企业重金招聘Python工程师标准>>> 8月16号,北京,开始了正式的工作,来到公司第一个任务就是用uploadify插件做上传图片和预览功能,uploadify对自 ...

  8. jquery文件上传插件uploadify 讲解

    前些天发现了一个巨牛的人工智能学习网站,通俗易懂,风趣幽默,忍不住分享一下给大家.点击跳转到教程. 1.名词解释: tracker服务器:中文叫做跟踪器,主要做调度工作,在访问上起负载均衡的作用.(t ...

  9. jquery 文件上传插件_10个jQuery文件上传插件

    jquery 文件上传插件 这篇热门文章于2016年7月更新,以反映文件上传插件的当前状态. 有关旧文章的评论已删除. 使用Ajax实施文件上传可能非常困难,特别是如果您需要拖放支持,图像预览或进度条 ...

最新文章

  1. 正则在开发过程中的妙用
  2. reactjs Fragment的作用
  3. 三层架构介绍和MVC设计模型介绍
  4. Python模拟登陆 —— 征服验证码 7 京东
  5. 如何基于大数据及AI平台实现业务系统实时化?
  6. 计算机应用基础教学改革参考文献,关于计算机应用基础论文范文资料 与计算机应用基础课程教学改革分析有关论文参考文献...
  7. 新冠患者样本单细胞测序文献汇总
  8. C# 可空类型和空接合运算符(??)
  9. 拿什么拯救你,程序新丁?
  10. iOS 修改状态栏颜色
  11. Linux下部署Java,Tomcat环境
  12. mc小刘yeah粉丝网
  13. TomCat报404错误是什么原因?该怎么解决?
  14. 众海世纪影业:五一档19部影片“扎堆”,能否再次掀起观影热潮?
  15. emd 消除端点效应 matlab代码,对五种改善EMD端点效应的方法进行分析
  16. R语言学习2.1.数值型与字符型
  17. BP神经网络的Java实现
  18. 为什么快捷指令无法将媒体转换为文本_CAD一些操作技巧(快捷键)
  19. 驳少壮不努力,老大搞IT
  20. 做IAP远程升级时,APP程序地址修改了中断向量偏移地址不起效果的原因分析

热门文章

  1. python偶数分解成两个素数之和_偶数 2021218918 ,有多少种方法分解成两个素数之和?...
  2. 震惊!printf 与scanf 不可告人的秘密
  3. oracle查询可更新结果集,jdbc 可更新结果集
  4. python数据格式化后导入数据库_如何为数据库导入重新格式化这个json?
  5. 基于Java+SpringBoot+vue+node.js等疫情网课管理系统详细设计和实现
  6. HTML+CSS+JS实现 ❤️canvas圆形水波进度条动画特效❤️
  7. oracle模糊查询很慢,采用全文索引解决模糊查询速度慢的问题
  8. win10配置mysql8.0_Win10下mysql 8.0.20 安装配置方法图文教程
  9. 互相引用 spring_听说你还不知道Spring是如何解决循环依赖问题的?
  10. OC 中NSString与NSString 的比较