uploadify是一个flash文件和一个基于jquery的JS文件构成。说白了就是用JS来控制的一个flash上传控件,上传效果感觉很不错。
下载uploadify的文件到指定目录 下载地址http://www.uploadify.com/download/
下载完插件后,只需要在自己的项目中引入对应的文件即可。
<link href="uploadify.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="jquery.uploadify.min.js"></script>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
然后在写相关代码,如:
$(function() {
$("#uploadify").uploadify(
{
'swf' : 'js/uploadify.swf',
'uploader' : 'uploadFile.action', // 上传到后台的处理类
'cancelImg' : 'img/cancel.png', // 取消按钮的图片
'fileObjName' : 'file', // 传到后台的对象名
'queueID' : 'fileQueue',
'fileSizeLimit' : '8589934592', // 限制文件上传的大小
'buttonText' : '上传附件', // 按钮上的文字
'auto' : false, // 是否自动上传
'multi' : true, // 是否支持多文件上传
'removeComplete' : false,
'onUploadStart' : function(file) {
$("#uploadify").uploadify( 'settings','uploader',
'uploadFile.actiontitle='+$("#titles").val()+'&content='+$("#content").val()); },'onQueueComplete' : function (queueData){
alert("上传完毕!");
}
});
<td style="text-align: left;" colspan="2">
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify"/>
</td>
注意:
安装的时候涉及到的文件(uploadify.swf,uploadify.css,jquery.uploadify.min.js)路径一定要正确。
因为当时我自己就是因为路径的问题,一直渲染不到插件,还有就是自己电脑上要安装flash插件,要不然也会没有进度条。
中途中,我还碰到一个小问题:有的人他不想上传文件,只想把其它的文件框填完就可以了,
我是去判断 <div id="fileQueue"></div>里面是否有东西,如果选择了文件 <div id="fileQueue"></div> 肯定会有东西,如:
如果不想选择文件,用js 判断下
if("" == document.getElementById("fileQueue").innerHTML)
这个也是一种方法啦,如果有更好的方法,也跟大家分享下。
分享到:
相关推荐
uploadify 3.2包.方便大家下载
将最新版uploadify3.2修改的asp.net批量上传代码 压缩包中附uploadify3.2参数详解
今天我要给大家介绍额就是一款jQuery的无刷新上传插件 -UploadifyjQuery 上传插件Uploadify3.2最新版本中文实用手册,对于该插件的属性方法进行详细讲解官方地址:http://w 资源太大,传百度网盘了,链接在附件中,...
Uploadify3.2Demo 最新版本的Jquery 上传插件,支持多文件上传。
uploadify3.2配置说明只有说明没有插件
环境:myeclipse 8.5 + tomcat 6 + jdk1.6 uploadify3.2附件上传 说明:myeclipse 导出工程,直接导入就可以用。
Uploadify3.2参数详解,最新的jQuery Uploadfy文档。
jQuery上传附件插件uploadify3.2.zip
次压缩包除官方所提供的uploadify3.2包含文件外,还有JQUERY的基础库(jquery-1.8.0.min.js),以及(swfobject.js)组件,这两个文件在使用uploadify3.2组件时也是必须引入的,为了方便,所以将其都压缩到一起,供...
uploadify3.2Demo.rar
翻译后的Uploadify3.2中文使用手册,方便一线开发人员
jquery+uploadify3.2实现多文件上传并且有进度(IE,FF,Google浏览器兼容),本人已经通过IE,火狐,google浏览器测试通过了。将项目直接导入myeclipse下就可以直接运行!(IE,FF,Google浏览器兼容) 附件大小...
uploadify 3.2 php多文件上传。 PHP正常情况不允许多文件选择同时上传。利用uploadify可以做多选择多个文件上传。 本人亲自测试用过。现在是2013-11-13号。这是这个时间的最新版本。里面有一个3.2版本,一个1.9...
uploadify3.2实现文件上传,很好用的一款基于jquery插件
jquery上传插件Uploadify3.2中文详细参考手册,一款jQuery的无刷新上传插件
Uploadify3.2中文详细参考手册
uploadify 3.2在ASP.NET下的例子,详情参加我的博客
整理 uploadify 3.2 写成 函数 直接调用 //jq_uploadify(上传按钮,图片路径输出,POST数据,上传文件类型,是否多文件上传) function jq_uploadify(btid,echoid,json,filetype,single){
jquery_uploadify_v3.2版 jquery.uploadify.js 英文提示汉化