jquery 文件上传插件Uploadify 初探

小码哥BASE64

浏览: 124570 次

最近访客更多访客>>

menglei109

xiaomabobo

wengchi

寒笑123

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Web应用
工具介绍
JavaScript

uploadify jquery 文件上传进度条 G-ZH

最近使用了uploadify做文件上传,上传同时展示进度条，感觉简单方便，功能也叫完善，先记下来再说。

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

提供了html5的版本和Flash的版本，html5的版本收费，所以使用的Flash版本，你懂的。。。

先来看下我的代码，看看uploadify使用有多简单、方便。。。

将下载的uploadify.zip解压，

这个文件需要在页面引用，当然jquery是肯定不能少了，如下是文件上传的html页面：

<head>

<title>Uploadify</title>

src="/js/jquery.uploadify-v2.1.0/swfobject.js"></script>

src="/js/jquery.uploadify-v2.1.0/jquery.uploadify.js"></script>

$(document).ready(function()

{

$("#uploadify").uploadify({

'auto' : false,//不自动上传

'multi':false,//不支持多文件上传

'uploader': '/uploadify',//文件上传地址，对应后台服务器的接受地址

'swf':'/js/jquery.uploadify-v2.1.0/uploadify.swf',//这个是Flash的文件选择插件

//上传成功后执行的方法

'onUploadSuccess':function(file,data,response){

alert(response);

alert(data);

}

});

</script>

</head>

<body>

<p>

<a href="javascript:$('#uploadify').uploadify('upload','*')">上传</a>|

</p>

</body>

</html>

简单吧，只需要在页面有个file类型的input标签，在调用uploadify，就完事，uploadify就可以正常工作了。

现在我们来看看几个基本的参数都是什么意思：

auto 是否自动上传，自动上传是指选择文件后，必须要点上传按钮了

multi 是否可以同时选择多个文件

uploader 文件上传地址

swf Flash插件地址

onUploadSuccess 上传成功后执行的方法,其中data为服务器返回的数据

更多配置请参见 http://www.uploadify.com/documentation/

查看图片附件

分享到：

java权限系统的技术演变历史 | JVM 性能调优

2014-07-19 15:33
浏览 1914
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论