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

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

});

});

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值