使用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 相关文章推荐
推荐一篇入门级的Class文章
Mar 19 PHP
PHP JSON格式数据交互实例代码详解
Jan 13 PHP
解析PHP工厂模式的好处
Jun 18 PHP
php实现只保留mysql中最新1000条记录
Jun 18 PHP
PHP语法小结之基础和变量
Nov 22 PHP
WordPress的主题编写中获取头部模板和底部模板
Dec 28 PHP
php实现爬取和分析知乎用户数据
Jan 26 PHP
php简单实现多语言切换的方法
May 09 PHP
PHP面向对象程序设计方法实例详解
Dec 24 PHP
PHP简单实现冒泡排序的方法
Dec 26 PHP
PHP中的self关键字详解
Jun 23 PHP
PHP pthreads v3下同步处理synchronized用法示例
Feb 21 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制作中间带自己定义图片二维码的方法
2014/01/27 PHP
php+mysql实现无限分类实例详解
2015/01/15 PHP
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
在百度知道团队中快速审批新成员的js脚本
2014/02/02 Javascript
JavaScript sup方法入门实例(把字符串显示为上标)
2014/10/20 Javascript
jquery图片播放浏览插件prettyPhoto使用详解
2014/12/19 Javascript
JavaScript生成的动态下雨背景效果实现方法
2015/02/25 Javascript
详解JavaScript基于面向对象之创建对象(2)
2015/12/10 Javascript
Jquery实现$.fn.extend和$.extend函数
2016/04/14 Javascript
jQuery 调用WebService 实例讲解
2016/06/28 Javascript
JS 实现可停顿的垂直滚动实例代码
2016/11/23 Javascript
react.js 获取真实的DOM节点实例(必看)
2017/04/17 Javascript
Javascript中this关键字指向问题的测试与详解
2017/08/11 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
学习python的几条建议分享
2013/02/10 Python
Python读写及备份oracle数据库操作示例
2018/05/17 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
Django Aggregation聚合使用方法解析
2019/08/01 Python
python支付宝支付示例详解
2019/08/22 Python
Django通用类视图实现忘记密码重置密码功能示例
2019/12/17 Python
python图片剪裁代码(图片按四个点坐标剪裁)
2020/03/10 Python
Django model.py表单设置默认值允许为空的操作
2020/05/19 Python
深入研究HTML5实现图片压缩上传功能
2016/03/25 HTML / CSS
巴西最大的家具及装饰用品店:Mobly
2017/10/11 全球购物
大都会艺术博物馆商店:The Met Store
2018/06/22 全球购物
计算机大学生的自我评价
2013/10/15 职场文书
物业管理个人自我评价
2013/11/08 职场文书
绩效考核实施方案
2014/03/18 职场文书
企业承诺书格式
2014/05/21 职场文书
车辆工程专业求职信
2014/06/14 职场文书
纪律教育学习月活动总结
2014/08/27 职场文书
2014年综合治理工作总结
2014/11/20 职场文书
2015年上半年物业工作总结
2015/03/30 职场文书
Python趣味挑战之用pygame实现简单的金币旋转效果
2021/05/31 Python
Python机器学习之基于Pytorch实现猫狗分类
2021/06/08 Python
Redis 哨兵机制及配置实现
2022/03/25 Redis