<script type="text/javascript">
var $upfile_name="【<? echo $_username;?>"+Math.floor(Math.random()*)+Math.floor(Math.random()*)+'】-'; //设置随机文件前缀。
$k(function()
{
$k("#uploadify").uploadify({
'uploader': '../file/uploads/uploads.swf',
'cancelImg': '../file/uploads/cancel.png',
'folder': '../file/uploads/UploadFile',
'queueID': 'fileQueue',
'buttonImg':'../file/uploads/images/upload.jpg',
'width':'',
'height':'',
'auto': false, //非自动上传模式。
'fileDesc':'请选择doc,rar,pdf,rar,txt文件!',
'fileExt':'*.doc;*.pdf;*.rar;*.txt',
'sizeLimit':'',
'script': '../file/uploads/uploadify.php',
'fileDataName':'Filelist',
//'checkScript': '../file/uploads/check.php',
'onInit':function()//脚本加载时触发。
{
$k("#shangchuan").attr("disabled",true);
$k("#unshangchuan").attr("disabled",true);
},
'onSelect': function(e, queueId, fileObj)
{
$k("#uploadify").uploadifySettings('scriptData',{'name':$upfile_name}); //不重复文件名的关键,在上传时给文件加上自定义的随机前缀。
//var $value_zh=$k("#some").val();
//$k("#Success").val("");
//$k("#some").attr("value",$upfile_name+fileObj.name+"|"+$value_zh);
$k("#shangchuan").attr("disabled",false).attr("enabled",true);
$k("#unshangchuan").attr("disabled",false).attr("enabled",true);
},
'onCancel': function(e, queueId, fileObj) //点击上传文件后面的删除图片时触发
{
var $value_zh=$k("#some").val();
$value_zh=$value_zh.replace($upfile_name+fileObj.name+"|","");
//alert(fileObj.name);
//alert(value_zh);
$k("#some").val($value_zh);
if($k(".uploadifyQueueItem").length==)
{
$k("#shangchuan").attr("disabled",true).attr("enabled",false);
$k("#unshangchuan").attr("disabled",true).attr("enabled",false);
}
},
'onComplete':function (event, queueID, fileObj, response, data) //上传一次
{
//var $content_fz=$k("<li id='file_list' style='height:30px;'>文件名:<input name='Success[]' type='text' id='Success' value='"+fileObj.name+"上传成功' size='20' readonly='true'/>&nbsp;&nbsp;&nbsp;文件简介:<input name='Introduction' type='text' id='Introduction' size='20'/>&nbsp;&nbsp;&nbsp;<a id='del'>[删除]</a></li>");
var $value_zh=$k("#some").val();
$k("#some").attr("value",$upfile_name+fileObj.name+"|"+$value_zh);
var $content_fz=$k("<li id='file_list' style='height:30px;'>文件名:<input name='Success[]' type='text' id='Success' value='"+fileObj.name+"' size='20' readonly='true'/>&nbsp;<a id='del'>[删除]</a></li>");
$k("#file_content").append($content_fz); //$k("#Success").val("").val(""+fileObj.name+"上传成功");
},
'onError':function(event, queueID, fileObj) //错误提示
{
$k("#Success").val("").val(""+fileObj.name+"上传失败");
},
'onAllComplete':function(event) //全部上传完成
{
//$k("#Success").hide();
//$k("#some").val("");
//$k("#Success").val("");
$k("#shangchuan").attr("disabled",true).attr("enabled",false);
$k("#unshangchuan").attr("disabled",true).attr("enabled",false); $k("a").click(function(){
$k(this).parent("li:eq(0)").remove();
var $file_name_1=$k(this).parent("li").children("input").val();
var $file_name_2=$k("#some").val();
$file_name_2=$file_name_2.replace($upfile_name+$file_name_1+"|","")
$k("#some").val($file_name_2);
})
},
'multi': true
}); $k("#shangchuan").click(function(){ //上传按钮
$k('#uploadify').uploadifyUpload();
$k("#shangchuan").attr("disabled",true).attr("enabled",false);
$k("#unshangchuan").attr("disabled",true).attr("enabled",false);
}) $k("#unshangchuan").click(function(){ //取消全部按钮
$k('#uploadify').uploadifyClearQueue();
$k("#shangchuan").attr("disabled",true).attr("enabled",false);
$k("#unshangchuan").attr("disabled",true).attr("enabled",false);
})
});
</script>

html代码:

<tr>
<td class="tl"><span class="f_red">*</span> 附件</td>
<td class="tr">
<div id="fileQueue"></div>
<input type="file" name="uploadify" id="uploadify" /><br/><br/>
选择的上传文件:<input name="some" type="text" id="some" size="" readonly="true"/>
<br/><br/>
<ul id="file_content"></ul>
<p>
<input type="button" name="Submit" value="上 传" id="shangchuan"/>&nbsp;&nbsp;&nbsp;<input type="button" name="Submit2" value="取消上传" id="unshangchuan"/></td>
</tr>

php代码:

$_POST['name']; //接的是下面蓝色字,下面蓝色字就是变量名,这里name可以任意修改,修改成什么我们到时候接什么就OK;下面的$upfile_name是对应的值。
接值:$k("#uploadify").uploadifySettings('scriptData',{'name':$upfile_name});

整个效果图如下:

uploadify,实际开发案例【选择完文件点击上传才上传】的更多相关文章

  1. 【jQuery】uploadify,实际开发案例【选择完文件点击上传才上传】

    ----------------------------------------------------------------------------------js部分:------------- ...

  2. BPM 应用系统开发案例实战

    概述 IBM BPM 的前身是 Lombardi,是由 IBM 于 2009 年收购的产品,之后产品更名为 IBM WebSphere Lombardi Edition,目前最新版本称为 IBM BP ...

  3. 前端到后台ThinkPHP开发整站--php开发案例

    前端到后台ThinkPHP开发整站--php开发案例 总结 还是需要做几个案例,一天一个为佳,那样才能做得快. 从需求分析着手,任务体系要构建好,这样才能非常高效. 转自: 前端到后台ThinkPHP ...

  4. Moviepy音视频开发:视频转gif动画或jpg图片exe图形化工具开发案例

    ☞ ░ 前往老猿Python博文目录 ░ 一.引言 老猿之所以学习和研究Moviepy的使用,是因为需要一个将视频转成动画的工具,当时在网上到处搜索查找免费使用工具,结果找了很多自称免费的工具,但转完 ...

  5. 使用Jquery+EasyUI 进行框架项目开发案例讲解之五 模块(菜单)管理源码分享

    http://www.cnblogs.com/huyong/p/3454012.html 使用Jquery+EasyUI 进行框架项目开发案例讲解之五  模块(菜单)管理源码分享    在上四篇文章 ...

  6. 使用Jquery+EasyUI 进行框架项目开发案例讲解之三---角色管理源码分享

    使用Jquery+EasyUI 进行框架项目开发案例讲解之三 角色管理源码分享    在上两篇文章  <使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享> ...

  7. 使用Jquery+EasyUI 进行框架项目开发案例讲解之二---用户管理源码分享

    使用Jquery+EasyUI 进行框架项目开发案例讲解之二 用户管理源码分享   在上一篇文章<使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享>我们分享 ...

  8. 【推荐】使用Jquery+EasyUI进行框架项目开发案例讲解之一---员工管理源码分享

    使用Jquery+EasyUI 进行框架项目开发案例讲解之一 员工管理源码分享   在开始讲解之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery的U ...

  9. 使用Jquery+EasyUI进行框架项目开发案例解说之中的一个---员工管理源代码分享

    使用Jquery+EasyUI 进行框架项目开发案例解说之中的一个 员工管理源代码分享 在開始解说之前,我们先来看一下什么是Jquery EasyUI?jQuery EasyUI是一组基于jQuery ...

随机推荐

  1. android——ListView功能的实现

    1.main.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:a ...

  2. 以libevent网络库为引:网络通信和多线程

    1. windows下编译及使用libevent  http://www.cnblogs.com/luxiaoxun/p/3603399.html 2.  <<libevent学习资料&g ...

  3. Eclispse 换主题、皮肤、配色,换黑色主题护眼

    链接地址:http://jingyan.baidu.com/article/6c67b1d68c03be2787bb1ed6.html Eclipse写android代码时,默认的文本和框架都是白色, ...

  4. [转]svn提交自动同步到web服务器

    参考博文:http://my.oschina.net/wddqing/blog/201567 同步程序思路:用户提交程序到SVN,SVN触发hooks,按不同的hooks进行处理,这里用到的是post ...

  5. 【转载】CentOS日志系统组成详解

    日志系统有三部分组成:一.使用什么工具记录系统产生的日志信息?      syslog服务脚本管理的两个进程: syslogd.klogd 来记录系统产生的日志信息:      klogd     进 ...

  6. IE浏览器下web调试工具之--IE WebDeveloper介绍

    做Web项目的架构设计.开发.测试,免不了要熟悉Web页面调试工具,以此来获知哪些浏览器支持Web页面的显示,哪些浏览器下显示有问题. 目前市面上比较火爆的浏览器内核提供商,有微软的IE.mozill ...

  7. mysql 行锁排查

    <pre name="code" class="html">mysql 锁表: 隔离级别使用RR: mysql> SELECT @@GLOBA ...

  8. Libgdx环境搭建及介绍

    Libgdx简单介绍: libgdx是一个跨平台的2D/3D的游戏开发框架,它由Java/C/C++语言编写而成.ibgdx兼容大多数微机平台(标准JavaSE实现,能执行在Mac.Linux.Win ...

  9. EFM32在使用IAR开发环境配置ICf文件以及指定程序存储地址空间

    EFM32在IAR开发环境下指定代码,数据的存储空间 为了便于后续的项目升级,管理,需要对代码,数据的存储空间加以设定,也在网上找下相关的资料,笔者水平有限, 如下内容不一定完全正确,如有错误之后,还 ...

  10. TTimerThread和TThreadedTimer(都是通过WaitForSingleObject和CreateEvent来实现的)

    //////////////////////////////////////////////////// // // // ThreadedTimer 1.24 // // // // Copyrig ...