Web上传文件是一个很常用的功能,试用过不少上传组件,要么是每次只能选择一个文件,要么是选择了文件后不能取消,直接上传,要么就是对文件、队列等限制支持不佳。总之仅仅是依靠JavaScript的实现不太好用,Flash+JavaScript的方式似乎对于这种上传需求满足得更好。Uploadify是JQuery的一个上传插件,实现的效果非常不错,进度显示和速度显示都可以!

Uploadify是按尽可能易用的出发点设计的。在使用前,先看一下最低要求:

要求:

jQuery 1.4.x 或更高

Flash Player 9.0.24 或更高

服务器端支持:PHP, , Cold Fusion, 或类似服务器端语言

使用步骤:

1.下载免费的Uploadify包

2. Unzip并将下列文件上传到web站点:

jquery.uploadify-3.1.min.js

uploadify.php

uploadify.swf

uploadify.css

uploadify-cancel.png

check-exists.php (检测目标文件夹中文件是否已存在)

3.在使用Uploadify的页面,添加jQuery库的引用

4.在jQuery引用的下面,添加Uploadify的引用

5.在页面中,添加文件输入file input元素

6.初始化file input的Uploadify

$(function() {

$('#file_upload').uploadify({

'swf' : 'uploadify.swf',

'uploader' : 'uploadify.php'

// Put your options here

});

});

7.在文档头部,添加Uploadify样式表的链接

8.在服务器上创建上传目录并赋予正确的写权限(0755)

9.修改uploadify.php中的脚本,指向上传目录。

10.检测一下你的站点的上传安全。

经过上面的十个步骤,轻松搞定了uploadify,下面是参考代码:

My Uploadify Implementation

$(function() {

$('#file_upload').uploadify({

'swf' : 'uploadify.swf',

'uploader' : 'uploadify.php'

// Your options here

});

});

jquery.uploadify php,jQuery上传插件Uploadify的使用方法相关推荐

  1. jquery文件上传插件 uploadify java_jQuery文件上传插件Uploadify使用指南

    对于HTML5版本会比较好的支持手机浏览器,避免苹果手机Safari浏览器不支持 Flash,主要特性:支持多文件上传.HTML5版本可拖拽上传.实时上传进度条显示.强大的参数 定制功能,如文件大小. ...

  2. 基于jquery的上传插件Uploadify 3.1.1在MVC3中的使用

    Uploadify是JQuery的一个文件上传插件,实现的效果非常不错,目前已经更新到Version3.1.1,官方提供的实例是php版本的,本文将介绍Uploadify在MVC3中的使用,您可以点击 ...

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

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

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

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

  5. 【转】jquery文件上传插件uploadify在.NET中session丢失的解决方案

    2019独角兽企业重金招聘Python工程师标准>>> 基于jQuery和Flash的多文件上传插件uploadify的确很好用,具体配置和使用方法见以前的一篇文章: <一款基 ...

  6. uploadify多文件上传插件

    这个插件是兼容IE8及以上版本的,实现了基本功能,底部有下载连接 代码如下: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transiti ...

  7. query上传插件uploadify参数详细分析

    query上传插件uploadify参数详细分析 Uploadify Version 3.2 官网:http://www.uploadify.com/ 注:文件包里有两个js分别是:jquery.up ...

  8. 【已解决】谷歌浏览器使用上传插件Uploadify的上传按钮不显示

    标题 如题,情况是使用上传插件Uploadify时,在谷歌浏览器中上传按钮不显示,但是在IE中可以正常显示,并且正常上传文件. 原因 原因就是,使用这个控件的时候是要flash的-但是我的谷歌默认设置 ...

  9. jquery uploadify 多文件上传插件 使用经验

    2019独角兽企业重金招聘Python工程师标准>>> Uploadify 官网:http://www.uploadify.com/ 一.如何使用呢? 官网原文:http://www ...

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

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

最新文章

  1. DDMS的使用、内存溢出的调试和模拟器的启动命令参数
  2. Spring Cloud(四) API网关Zuul
  3. 可恶的硬件故障(已解决)
  4. 发一个flash+PHP的简单上传代码
  5. 计算机二级C语言考的函数,【帮考网】2012计算机等级二级考试C语言:函数递归...
  6. CodeIgniter典型的表单提交验证代码
  7. ZooKeeper Web UI -- Shovel
  8. Python基础教程---读书笔记一
  9. linux服务器配置与管理_一个十多年的系统管理员,忘了如何管理一台服务器
  10. 网站前端js-parseInt.html
  11. Altium Designer数码管字体、镂空字体
  12. Matlab 和 Simulink 教程学习基础入门
  13. java安装未指定的错误_安装redistributable(x64)出现0x80240017未指定的错误
  14. 从零学习Nginx配置文件,呕心沥血w字长文
  15. github:master提交项目到远程仓库出现“There isn’t anything to compare.”
  16. Python灰帽子笔记一
  17. 计算机网络课设--监控IP、解析IP数据包(MFC版,可直接运行)
  18. 水桶服务器的作用,我的世界水桶服务器怎么用_我的世界水桶服教程_快吧单机游戏...
  19. 电子设备必须通过电磁兼容试验
  20. 华为CloudIDE免费公测,带你出坑带你飞

热门文章

  1. Access-Control-Allow-Origin 解决方法
  2. Combining Word and Entity Embeddings for Entity Linking
  3. 医用腕带应用整体解决方案:老人智能用药场景,老人防走丢报警-新导智能
  4. 我用Three.js创作游戏(一)
  5. 卷积神经网络的参数计算
  6. 海康威视web管理端下载视频录像
  7. Linux运维是什么?linux运维的基础知识
  8. 打印时出现“错误!未找到引用源”“未定义书签”怎么办?
  9. MySQL使用group by分组查询每组最新的一笔数据
  10. 光之盟:从ONA的握手,解锁全光网产业未来