[size=medium]uploadify是一个flash文件和一个基于jquery的JS文件构成。说白了就是用JS来控制的一个flash上传控件,上传效果感觉很不错。
下载uploadify的文件到指定目录 下载地址[url]http://www.uploadify.com/download/[/url]
下载完插件后,只需要在自己的项目中引入对应的文件即可。[/size]
[size=medium]然后在写相关代码,如:[/size]
[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]
[size=medium]这个也是一种方法啦,如果有更好的方法,也跟大家分享下。[/size]
下载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]