文档章节

Uploadify_THINKPHP配置说明

喵王不瞌睡
 喵王不瞌睡
发布于 2014/08/22 10:52
字数 671
阅读 35
收藏 0

HTML

<script src="__PUBLIC__/uploadify/jquery.uploadify.min.js" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="__PUBLIC__/uploadify/uploadify.css">

<input id="file_upload" name="file_upload" type="file" multiple="true">
<div id="uploadify-queue-box"></div>
<textarea id="SWFUpload_Console" style="font-family: monospace; overflow: auto; width: 700px; height: 350px; margin: 5px;" wrap="off"></textarea>

<a class="btn" href="javascript:$('#file_upload').uploadify('upload')">上传第一个文件</a>|
<a class="btn" href="javascript:$('#file_upload').uploadify('disable', true)">上传按钮不可用</a> |
<a class="btn" href="javascript:$('#file_upload').uploadify('disable', false)">上传按钮可用</a>|
<a class="btn" href="javascript:$('#file_upload').uploadify('cancel')">取消第一个上传文件</a> |
<a class="btn" href="javascript:$('#file_upload').uploadify('cancel', '*')">清空所有队列</a> |
<a class="btn" href="javascript:$('#file_upload').uploadify('upload','SWFUpload_0_1')">取消上传第二个文件</a>|
<a class="btn" href="javascript:$('#file_upload').uploadify('upload','*')">上传所有文件</a>|
<a class="btn" href="javascript:$('#file_upload').uploadify('upload','SWFUpload_0_1')">上传第二个文件</a>|

JAVASCRIPT

<script type="text/javascript">
        $(function() {
            var ify={               
                'swf'      : '__PUBLIC__/uploadify/uploadify.swf',
                'uploader' : '{:U("Home/Uploadify/uploadify")}',

                'method' :'post', //提交方式post,get
                'formData'      : {
                    'useid' : 12,
                    'catid' : 3,
                    'timestamp' : "{$times}",
                    'token': "{$token}",
                },//文件上传时需要一同提交的其他数据对象

                'auto':false, //开启,自动上传
                'multi'    : true, //开启,多选文件
                'uploadLimit' : 3, //允许上传文件个数
                'fileObjName' : 'Filedata', //设置上传文件名$_FILES['name']
                'fileSizeLimit' : '100KB', //限制文件大小
                'fileTypeDesc' : '文件大小请不要超过100KB', //字符串出现在浏览文件对话框的文件类型下拉菜单中
                'fileTypeExts' : '*.gif; *.jpg; *.png', //允许上传的文件后缀,不允许的看不到

                'progressData' : 'percentage',//进度条样式speed速度,percentage百分比
                'queueID'  : 'uploadify-queue-box', //设置放置上传队列的容器ID
                'queueSizeLimit' : 5, //上传队列中一次可容纳的最大条数
                'removeCompleted': false,//开启自动移除已完成队列
                'removeTimeout' : 3,//设置上传完成后从上传队列中移除的时间
                'itemTemplate' : '<div id="${fileID}" class="uploadify-queue-item fleft">\
                    <div class="upload">\
                        <a href="javascript:$(\'#${instanceID}\').uploadify(\'upload\', \'${fileID}\')">Y</a>\
                    </div>\
                    <div class="cancel">\
                        <a href="javascript:$(\'#${instanceID}\').uploadify(\'cancel\', \'${fileID}\')">X</a>\
                    </div>\
                    <div class="clear"></div>\
                    <div class="fileName">${fileName} (${fileSize})<span class="data"></span></div>\
                    <div id="progress"></div>\
                    <div class="uploadify-progress">\
                        <div class="uploadify-progress-bar"></div>\
                        <div id="progress"></div>\
                    </div>\
                </div>',//队列模版,定义instanceID – Uploadify的实例ID,fileID – 队列中的文件ID,fileName – 队列中的文件名,fileSize – 队列中文件的大小,模板标签在模板中的格式:${fileName}

                'debug' : true,
                'preventCaching' : true, //开启,swf不缓存,方式url加随机值
                'overrideEvents' : '', //禁用默认方法
                //'checkExisting' : '',//定义检查目标文件夹中是否存在同名文件的脚本文件路径。返回1时存在同名文件,返回0时不存在同名文件。
               
            }

            ify.onUploadSuccess=function(file, data, response){
                //上传成功触发
                var result = $.parseJSON(data);
                var str="<br /><img src='"+result.url+"' alt='"+result.title+"' width='200' height='120' /><br /><input type='text' name='listImg[]' value='"+result.url+"' />"
                $('.uploadify-queue-item').last().append(str);
            }
            ify.onUploadError=function(file, errorCode, errorMsg, errorString) {
                //上传失败触发
                alert(file.name + ' 上传失败。详细信息: ' + errorString);
            }


            $('#file_upload').uploadify(ify);

        });
    </script>

© 著作权归作者所有

喵王不瞌睡
粉丝 11
博文 168
码字总数 51103
作品 0
浦东
个人站长
私信 提问
!求助:ubuntu下thinkphp框架生成目录权限的问题

!求助:ubuntu下thinkphp框架生成的Application目录中的文件权限都是755, 能否改变, 使其生成时就是777. 另外, 使用thinkphp, 上传文件时, 生成的名字为日期的目录权限无法改变。用upl...

xkeos
2014/05/03
3.6K
5
php开发笔记-windows-linux-thinkphp开发环境搭建

文章来自我的博客:https://www.lwxshow.com/dev/php/thinkphp-configuration-environment.html 使用最新版本的3.1.3版本 php开发笔记-windows-thinkphp开发环境搭建 1.下载ThinkPHP框架 http...

卢卫湘
2013/06/09
846
0
ThinkPHP 模块与操作 系统配置

ThinkPHP 模块 进入 MyappLibAction 目录,里面有个 IndexAction.class.php 文件。该文件为刚才我们运行入口文件 index.php 时系统自动生成的。打开该文件,其内容大致如下(方法内具体代码省...

mickelfeng
2012/11/26
117
0
thinkphp多域名(子域名)支持配置解决方案

网站优化中我们需要把www.51php.com和51php.com 都指向同一个IP地址,并且需要定位到ThinkPHP的某个项目App中的不同模块,我们怎么实现类?在thinkphp中,我们可以通过 thinkphp入口文件的配...

汤圆
2012/12/27
2.3K
0
适合PHP新手入门上手的开发框架-thinkphp

ThinkPHP是一个开源的PHP框架,是为了简化企业级应用开发和敏捷WEB应用开发而诞生的。最早诞生于2006年初,原名FCS,2007年元旦正式更名为ThinkPHP,并且遵循Apache2开源协议发布。早期的思想...

big_cat
2013/06/15
1K
0

没有更多内容

加载失败,请刷新页面

加载更多

只需一步,在Spring Boot中统一Restful API返回值格式与统一处理异常

统一返回值 在前后端分离大行其道的今天,有一个统一的返回值格式不仅能使我们的接口看起来更漂亮,而且还可以使前端可以统一处理很多东西,避免很多问题的产生。 比较通用的返回值格式如下:...

晓月寒丶
昨天
59
0
区块链应用到供应链上的好处和实际案例

区块链可以解决供应链中的很多问题,例如记录以及追踪产品。那么使用区块链应用到各产品供应链上到底有什么好处?猎头悬赏平台解优人才网小编给大家做个简单的分享: 使用区块链的最突出的优...

猎头悬赏平台
昨天
28
0
全世界到底有多少软件开发人员?

埃文斯数据公司(Evans Data Corporation) 2019 最新的统计数据(原文)显示,2018 年全球共有 2300 万软件开发人员,预计到 2019 年底这个数字将达到 2640万,到 2023 年达到 2770万。 而来自...

红薯
昨天
65
0
Go 语言基础—— 通道(channel)

通过通信来共享内存(Java是通过共享内存来通信的) 定义 func service() string {time.Sleep(time.Millisecond * 50)return "Done"}func AsyncService() chan string {retCh := mak......

刘一草
昨天
58
0
Apache Flink 零基础入门(一):基础概念解析

Apache Flink 的定义、架构及原理 Apache Flink 是一个分布式大数据处理引擎,可对有限数据流和无限数据流进行有状态或无状态的计算,能够部署在各种集群环境,对各种规模大小的数据进行快速...

Vincent-Duan
昨天
60
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部