uploadify3.2+jquery 应用

[size=medium]uploadify是一个flash文件和一个基于jquery的JS文件构成。说白了就是用JS来控制的一个flash上传控件,上传效果感觉很不错。
下载uploadify的文件到指定目录 下载地址[url]http://www.uploadify.com/download/[/url]

下载完插件后,只需要在自己的项目中引入对应的文件即可。[/size]

<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>


[size=medium]然后在写相关代码,如:[/size]

$(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>





[size=medium][color=red]注意:[/color]
安装的时候涉及到的文件(uploadify.swf,uploadify.css,jquery.uploadify.min.js)路径一定要正确。

因为当时我自己就是因为路径的问题,一直渲染不到插件,还有就是自己电脑上要安装flash插件,要不然也会没有进度条。


中途中,我还碰到一个小问题:有的人他不想上传文件,只想把其它的文件框填完就可以了,
我是去判断 <div id="fileQueue"></div>里面是否有东西,如果选择了文件 <div id="fileQueue"></div> 肯定会有东西,如:[/size]
[img]http://dl.iteye.com/upload/attachment/0080/6325/5d8af9b8-a2de-34f4-a4e2-dd7747969811.jpg[/img]


[size=medium]如果不想选择文件,用js 判断下
[/size]

if("" == document.getElementById("fileQueue").innerHTML)

[size=medium]这个也是一种方法啦,如果有更好的方法,也跟大家分享下。[/size]
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值