使用ThinkPHP+Uploadify实现图片上传功能


Posted in PHP onJune 26, 2014

首先,将下载的Uploadify压缩包解压放到公共文件夹内。实现代码如下:

前台html部分:

<script src="/uploadify/jquery.min.js" data-ke-src="/Public/uploadify/jquery.min.js" type="text/javascript">
<script src="/uploadify/jquery.uploadify.min.js" data-ke-src="/Public/uploadify/jquery.uploadify.min.js" type="text/javascript">
<link rel="stylesheet" type="text/css" href="/uploadify/uploadify.css" data-ke-src="/Public/uploadify/uploadify.css">
<script type="text/javascript">
var img_id_upload=new Array();//初始化数组,存储已经上传的图片名
var i=0;//初始化数组下标
$(function() {
 $('#file_upload').uploadify({
 'auto' : false,//关闭自动上传
 'removeTimeout' : 600,//文件队列上传完成1秒后删除
 'swf' : '/Public/uploadify/uploadify.swf',
 'uploader' : '/_URL_/Article/uploadify',
 'method' : 'post', //方法,服务端可以用$_POST数组获取数据
 'buttonText' : '选择图片',//设置按钮文本
 'multi' : true,//允许同时上传多张图片
 'uploadLimit' : 8,//一次最多只允许上传10张图片
 'fileTypeDesc' : 'Image Files',//只允许上传图像
 'fileTypeExts' : '*.gif; *.jpg; *.png',//限制允许上传的图片后缀
 'fileSizeLimit' : '2000KB',//限制上传的图片大小
 'onUploadSuccess' : function(file, data, response) { //每次成功上传后执行的回调函数,从服务端返回数据到前端
$('#image').append('<div style="float:left;margin:2px 0 0 2px"><img width="100px" height="100px" src="/uploads/'+data+'" data-ke-src="/uploads/'+data+'" height=80 width=80 />');
 img_id_upload[i]=data;
 i++;
 }
 });
});
</script>
<input type="file" name="file_upload" id="file_upload" />
<p><a href="javascript:$('#file_upload').uploadify('upload','');" data-ke-src="javascript:$('#file_upload').uploadify('upload','');">上传</a>
</p>
<br />
<div id="image" class="image"><br />

action执行代码部分:

public function uploadify()
 {
 $ph=M('Upload');
 import('ORG.Net.UploadFile');
 $upload = new UploadFile();// 实例化上传类
 $upload->maxSize = 93145728 ;// 设置附件上传大小
 $upload->saveRule =rand(1,9999);
 $upload->allowExts = array('jpg', 'gif', 'png', 'jpeg','flv','avi','mov');// 设置附件上传类型
 $upload->savePath = './Uploads/';// 设置附件上传目录
 if(!$upload->upload())
 {// 上传错误提示错误信息
 $this->error($upload->getErrorMsg());
 }else{// 上传成功 获取上传文件信息
 $info = $upload->getUploadFileInfo();
 }
 for($i=0;$i<count($info);$i++)
 {
 $data['name']=$info[$i]['savename'];
 $data['size']=$info[$i]['size'];
 $data['type']=$info[$i]['extension'];
 echo $info[$i]['savename'];
 $rs=$ph->add($data); 
 }
 /*if($rs)
 {
 $this->success("成功");
 }else
 {
 $this->error("失败");
 }*/
 }

希望本文所述对大家基于ThinkPHP框架的PHP程序设计有所帮助。

PHP 相关文章推荐
mysql+php分页类(已测)
Mar 31 PHP
php中对xml读取的相关函数的介绍一
Jun 05 PHP
PHP中的MYSQL常用函数(php下操作数据库必备)
Sep 12 PHP
fleaphp常用方法分页之Pager使用方法
Apr 23 PHP
Function eregi is deprecated (解决方法)
Jun 21 PHP
memcache命令启动参数中文解释
Jan 13 PHP
php中call_user_func函数使用注意事项
Nov 21 PHP
php中实现xml与mysql数据相互转换的方法
Dec 25 PHP
php将图片保存入mysql数据库失败的解决方法
Dec 27 PHP
CodeIgniter中使用Smarty3基本配置
Jun 29 PHP
PHP编程入门的基本语法知识点总结
Jan 26 PHP
Yii 使用intervention/image拓展实现图像处理功能
Jun 22 PHP
ThinkPHP采用GET方式获取中文参数查询无结果的解决方法
Jun 26 #PHP
ThinkPHP实现将本地文件打包成zip下载
Jun 26 #PHP
ThinkPHP实现一键清除缓存方法
Jun 26 #PHP
destoon实现商铺管理主页设置增加新菜单的方法
Jun 26 #PHP
destoon在360浏览器下出现用户被强行注销的解决方法
Jun 26 #PHP
实现在同一方法中获取当前方法中新赋值的session值解决方法
Jun 26 #PHP
PHP执行Curl时报错提示CURL ERROR: Recv failure: Connection reset by peer的解决方法
Jun 26 #PHP
You might like
PHP Web木马扫描器代码分享
2015/09/06 PHP
解决laravel5中auth用户登录其他页面获取不到登录信息的问题
2019/10/08 PHP
tp5.1 框架数据库高级查询技巧实例总结
2020/05/25 PHP
JavaScript数组常用方法
2015/03/02 Javascript
JS函数定义方式的区别介绍
2016/03/22 Javascript
限制文本框只能输入数字||只能是数字和小数点||只能是整数和浮点数
2016/05/27 Javascript
基于JS代码实现导航条弹出式悬浮菜单
2016/06/17 Javascript
jquery实现ajax加载超时提示的方法
2016/07/23 Javascript
JS用斜率判断鼠标进入DIV四个方向的方法
2016/11/07 Javascript
Bootstrap基本插件学习笔记之轮播幻灯片(23)
2016/12/08 Javascript
Bootstrap php制作动态分页标签
2016/12/23 Javascript
jQuery中ztree 点击文本框弹出下拉框的实例代码
2017/02/05 Javascript
vue.js实现的幻灯片功能示例
2019/01/18 Javascript
微信小程序获取用户信息并保存登录状态详解
2019/05/10 Javascript
JavaScript面向对象编程小游戏---贪吃蛇代码实例
2019/05/15 Javascript
解决layer.open后laydate失效的问题
2019/09/06 Javascript
JavaScript(js)处理的HTML事件、键盘事件、鼠标事件简单示例
2019/11/19 Javascript
vue组件实现移动端九宫格转盘抽奖
2020/10/16 Javascript
在python中计算ssim的方法(与Matlab结果一致)
2019/12/19 Python
基于python-pptx库中文文档及使用详解
2020/02/14 Python
python如何对链表操作
2020/10/10 Python
如何利用python检测图片是否包含二维码
2020/10/15 Python
Python命令行参数定义及需要注意的地方
2020/11/30 Python
CSS3 animation ? steps 函数详解
2019/08/30 HTML / CSS
银行委托书范本
2014/04/04 职场文书
内蒙古鄂尔多斯市市长寄语
2014/04/10 职场文书
梅花魂教学反思
2014/04/25 职场文书
诚信贷款承诺书
2014/05/30 职场文书
代收款委托书范本
2014/10/01 职场文书
2015年国庆节慰问信
2015/03/23 职场文书
毛主席纪念堂观后感
2015/06/17 职场文书
2015暑假假期总结
2015/07/13 职场文书
实验室安全管理制度
2015/08/05 职场文书
python tkinter模块的简单使用
2021/04/07 Python
《宝可梦》动画制作25周年到来 官方发布特别纪念视频
2022/04/01 日漫
vue实现登陆页面开发实践
2022/05/30 Vue.js