最近使用了uploadify做文件上传,上传同时展示进度条,感觉简单方便,功能也叫完善,先记下来再说。
官方地址 http://www.uploadify.com/
提供了html5的版本和Flash的版本,html5的版本收费,所以使用的Flash版本,你懂的。。。
先来看下我的代码,看看uploadify使用有多简单、方便。。。
将下载的uploadify.zip解压,
这个文件需要在页面引用,当然jquery是肯定不能少了,如下是文件上传的html页面:
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Uploadify</title>
<link href="/js/jquery.uploadify-v2.1.0/uploadify.css" rel="stylesheet" type="text/css" ></link>
<script src="/js/jquery-1.9.1.min.js"></script>
<script type="text/javascript"
src="/js/jquery.uploadify-v2.1.0/swfobject.js"></script>
<script type="text/javascript"
src="/js/jquery.uploadify-v2.1.0/jquery.uploadify.js"></script>
<script type="text/javascript">
$(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>
<!-- <div id="fileQueue"></div> -->
<input type="file" name="uploadify" id="uploadify" />
<p>
<a href="javascript:$('#uploadify').uploadify('upload','*')">上传</a>|
<a href="javascript:$('#uploadify').uploadifyClearQueue()">取消上传</a>
</p>
</body>
</html>
简单吧,只需要在页面有个file类型的input标签,在调用uploadify,就完事,uploadify就可以正常工作了。
现在我们来看看几个基本的参数都是什么意思:
auto 是否自动上传,自动上传是指选择文件后,必须要点上传按钮了
multi 是否可以同时选择多个文件
uploader 文件上传地址
swf Flash插件地址
onUploadSuccess 上传成功后执行的方法,其中data为服务器返回的数据
更多配置请参见 http://www.uploadify.com/documentation/
相关推荐
jquery文件上传插件 jquery.uploadify.js 不支持IE10现在经过修改,已经支持IE6、IE7、IE8、IE9、IE10、IE11.zip
资源名称:jquery上传插件Uploadify3.2 中文参考手册内容简介:上传功能在我们的程序中是经常会用到的,而传统的http上传在安全性和文件大小上都会有一定的限制,而且不能看到上传进度。今天我要给大家介绍额就是一...
jquery上传插件uploadify+php完美实现强大的文件上传功能实例+程序_【PHP】.rar
JQuery 上传插件Uploadify使用2 多文件上传
里面有个.net文件上传的实例,利用了jQuery上传插件Uploadify ,简单易懂,可以直接用,也可以作为开发的启发
JQuery上传插件Uploadify使用详解
jQuery上传插件Uploadify使用详解
C# JQuery上传插件Uploadify使用 多文上传
JQuery上传插件Uploadify 自己用用看看··
jquery 上传插件Uploadify-v3.0.0.zip 有电子书 有demo
jquery文件上传插件 jquery.uploadify.js 不支持IE10现在经过修改,已经支持IE6、IE7、IE8、IE9、IE10、IE11.zip
JQuery上传插件Uploadify使用示例
JQuery上传插件Uploadify中文使用说明_中文手册
HTML5 PHP jquery uploadify上传文件,带进度条,author:吕大豹。仿照uploadify写的,www.codesc.net已做过修正,本例的配置参数均与uploadify官网一致,参照官网的api就可以了,直接把文件夹上传到支持php的服务器...
Uploadify-3.2.1 jQuery文件上传插件,使用uploadify组件可以实现异步无刷新多文件上传功能。
JQuery上传插件Uploadify使用详解.doc
uploadify 多文件上传插件 多浏览器兼容
支持多文件上传的jQuery文件上传插件Uploadify,目前此插件有两种版本即Flash版本和HTML5版本,