基于jquery的上传插件Uploadify无论在功能、外观、可用性和扩展性上都有不错表现。  

  简介

  Uploadify简单说来,是基于Jquery的一款文件上传插件。它的功能特色总结如下:

  支持单文件或多文件上传,可控制并发上传的文件数

  在服务器端支持各种语言与之配合使用,诸如PHP,.NET,Java……

  通过参数可配置上传文件类型及大小限制

  通过参数可配置是否选择文件后自动上传

  易于扩展,可控制每一步骤的回调函数(onSelect, onCancel……)

  通过接口参数和CSS控制外观

  相关链接

  Uploadify主页地址:http://www.uploadify.com/ 在该页面你可以了解到关于他的更多内容。

  Uploadify在线演示:在线Demo

  Uploadify配置参数及接口文档:http://www.uploadify.com/documentation

  Uploadify插件下载地址:http://www.uploadify.com/download

  使用方法

  下载插件安装包后,可以看到里面的几个主要文件:jquery.uploadify.js(完成上传功能的脚本文件,在调用页面引用)、uploadify.css(外观样式表)、uploader.swf(上传控件的主体文件,flash控件)、upload.php(服务器端处理文件,官方仅提供了php版的)

  引用了插件文件后,在页面中做如下调用:

  //声明一个普通的html文件上传控件,并指定id

  <input type="file" name="fileInput" id="fileInput" />

  //将声明的普通上传控件与Uploadify插件绑定

  <script type="text/javascript">

  $(document).ready(function() {

  $('#fileInput').fileUpload ({

  //以下参数均是可选

  'uploader' : 'uploader.swf', //指定上传控件的主体文件,默认‘uploader.swf’

  'script' : 'upload.php', //指定服务器端上传处理文件,默认‘upload.php’

  'cancelImg' : 'cancel.png', //指定取消上传的图片,默认‘cancel.png’

  'auto' : true, //选定文件后是否自动上传,默认false

  'folder' : '/uploads' //要上传到的服务器路径,默认‘/’

  'muti' : true, //是否允许同时上传多文件,默认false

  'fileDesc' : 'rar文件或zip文件' //出现在上传对话框中的文件类型描述

  'fileExt' : '*.rar;*.zip', //控制可上传文件的扩展名,启用本项时需同时声明fileDesc

  'sizeLimit': 86400 //控制上传文件的大小,单位byte

  'simUploadLimit' :5 //多文件上传时,同时上传文件数目限制

  });

  });

  </script>

  上面列出了我认为常用的配置选项,此外还有很多参数可配置,参考官方文档

  通过调用相关功能函数,声明功能按钮。

  例如声明上传功能按钮(自动上传时不需要):

  <a href="javascript:$('#fileInput').fileUploadStart();">上传文件</a>

  声明取消多文件上传:

  <a href="javascript:$('#fileInput').fileUploadClearQueue();">取消上传</a>

jquery uploadify 用法详解相关推荐

  1. Jquery学习总结(2)——jQuery Ajax用法详解

    [详解]jquery ajax在web应用开发中常用,主要包括有ajax,get,post,load,getscript等这几种常用无刷新操作方法,下面来给大家介绍一下.我们首先先从最简单的方法看起. ...

  2. jQuery 事件用法详解

    目录 简介 实现原理 事件操作 绑定事件 解除事件 触发事件 事件委托 事件操作进阶 阻止默认事件 阻止事件传播 阻止事件向后执行 命名空间 自定义事件 事件队列 jquery中文文档 简介 jque ...

  3. jQuery学习之jQuery Ajax用法详解

    jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起 ...

  4. jquery之hide()用法详解

    注:  以下函数用法和hide()类似  [参数类型完全一样] toggle() hide() show() slideToggle() slideUp() slideDown() fadeToggl ...

  5. jQuery 表单验证插件,jQuery Validation Engine用法详解

    jQuery 表单验证插件,jQuery Validation Engine用法详解 功能强大的 jQuery 表单验证插件,适用于日常的 E-mail.电话号码.网址等验证及 Ajax 验证,除自身 ...

  6. jquery.uploadify php,jquery插件uploadify使用详解

    这次给大家带来jquery插件uploadify使用详解,jquery插件uploadify使用的注意事项有哪些,下面就是实战案例,一起来看一下. 有时项目中需要一个文件批量上传功能时,个人认为upl ...

  7. ajax then fail done,Jquery $when done then的用法详解

    对于$.ajax请求来说,如果层级比较多,程序看起来会比较乱,而为了解决这种问题,才有了$when...done...fail...then的封装,它将$.ajax这嵌套结构转成了顺序平行的结果,向下 ...

  8. php theme_path,PHP_Yii2主题(Theme)用法详解,本文实例讲述了Yii2主题(Theme) - phpStudy

    Yii2主题(Theme)用法详解 本文实例讲述了Yii2主题(Theme)用法.分享给大家供大家参考,具体如下: 首先看看主要的配置方式: 'components' => [ 'view' = ...

  9. js数组中foEach和map的用法详解 jq中的$.each和$.map

    数组中foEach和map的用法详解 相同点: 1.都是循环遍历数组(仅仅是数组)中的每一项. 2.forEach() 和 map() 里面每一次执行匿名函数都支持3个参数:数组中的当前项value, ...

最新文章

  1. Nutch的安装和配置
  2. Mybatis实现物理分页
  3. dhcp只能分配与路由器相同网段么_dhcp工作原理
  4. 【控制】遗传算法(GA,Genetic Algorithm)及 Matlab 实现
  5. 【Redis学习】Redis管理命令总结
  6. 【程序设计】前置检测循环和后置检测循环
  7. Python websocket
  8. java中基本数据类型
  9. RS报表从按月图表追溯到按日报表
  10. 自动化测试selenium(四)check,选中复选框,操作一组元素
  11. RC ORC Parquet 格式比较和性能测试
  12. java毕业设计软件技术课程学习系统设计与实现源码+lw文档+mybatis+系统+mysql数据库+调试
  13. 【QT】常用字符串/文件操作
  14. csharp进阶练习题:谜机 - 第1部分:插板【难度:2级】--景越C#经典编程题库,不同难度C#练习题,适合自学C#的新手进阶训练
  15. 摄像头参数介绍 ———— 视场角(FOV)
  16. access简述报表的功能_access中报表的作用
  17. 一片外文的计算机网络方面的文献,计算机网络专科外文文献 计算机网络专科核心期刊参考文献有哪些...
  18. OpenGL - Hermite算法多点画光滑曲线
  19. oracle命令清空数据库表,Oracle中如何快速删除数据字典管理的表空间-数据库专栏,ORACLE...
  20. 循环冗余校验(CRC)之verilog实现

热门文章

  1. 【大学物理学】质点动力学
  2. Leetcode 435. Non-overlapping Intervals
  3. java 函数内定义函数_java可以在main中定义函数吗?
  4. 海康 综合安防管理平台 对接
  5. 史上最“牛”,荣辱参半的的JAVA群规和QQ群
  6. 小白的模拟电路初步学习20日打卡(2)
  7. SCT82A30 6V-100V宽输入电压范围同步降压控制器,P2P替代LM5145
  8. 自动化测试实战笔记--网易云实现QQ登录
  9. 在caffe 中添加Crowd counting 数据层
  10. 从来只留一场梦 一场春梦成白头 上软疑似解体 忆仙剑而作