使用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 相关文章推荐
用PHP 4.2书写安全的脚本
Oct 09 PHP
无数据库的详细域名查询程序PHP版(1)
Oct 09 PHP
php 遍历数据表数据并列表横向排列的代码
Sep 05 PHP
让的PHP代码飞起来的40条小技巧(提升php效率)
Apr 12 PHP
用穿越火线快速入门php面向对象
Feb 22 PHP
php中mysql连接和基本操作代码(快速测试使用,简单方便)
Apr 25 PHP
php中的常用魔术方法汇总
Feb 14 PHP
php从数据库中读取特定的行(实例)
Jun 02 PHP
PHP利用Cookie设置用户30分钟未操作自动退出功能
Jul 03 PHP
PHP实现微信对账单处理
Oct 01 PHP
PHP格式化显示时间date()函数代码
Oct 03 PHP
php设计模式之模板模式实例分析【星际争霸游戏案例】
Mar 24 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中改变图片的尺寸大小的代码
2011/07/17 PHP
php中一个有意思的日期逻辑处理
2012/03/25 PHP
php查询mssql出现乱码的解决方法
2014/12/29 PHP
php使用cookie显示用户上次访问网站日期的方法
2015/01/26 PHP
php连接MSsql server的五种方法总结
2018/03/04 PHP
Javascript-Mozilla和IE中的一个函数直接量的问题分析
2007/08/12 Javascript
JQuery里面的几种选择器 查找满足条件的元素$(&quot;#控件ID&quot;)
2011/08/23 Javascript
js实现Select下拉框具有输入功能的方法
2015/02/06 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
JavaScript使用forEach()与jQuery使用each遍历数组时return false 的区别
2016/08/26 Javascript
jQuery简单实现列表隐藏和显示效果示例
2016/09/12 Javascript
Vue.2.0.5过渡效果使用技巧
2017/03/16 Javascript
vue.js数据绑定的方法(单向、双向和一次性绑定)
2017/07/13 Javascript
node.js 发布订阅模式的实例
2017/09/10 Javascript
js通过Date对象实现倒计时动画效果
2017/10/27 Javascript
使用selenium抓取淘宝的商品信息实例
2018/02/06 Javascript
javascript实现计算指定范围内的质数示例
2018/12/29 Javascript
使用jQuery mobile NuGet让你的网站在移动设备上同样精彩
2019/06/18 jQuery
js实现图片区域可点击大小随意改变(适用移动端)代码实例
2019/09/11 Javascript
vue中的.$mount('#app')手动挂载操作
2020/09/02 Javascript
python中去空格函数的用法
2014/08/21 Python
django框架如何集成celery进行开发
2017/05/24 Python
python3 实现的对象与json相互转换操作示例
2019/08/17 Python
python爬虫 正则表达式解析
2019/09/28 Python
python序列类型种类详解
2020/02/26 Python
解决jupyter notebook 出现In[*]的问题
2020/04/13 Python
python实点云分割k-means(sklearn)详解
2020/05/28 Python
HTML5 解析规则分析
2009/08/14 HTML / CSS
关于canvas.toDataURL 在iOS运行失败的问题解决
2020/09/16 HTML / CSS
电脑销售顾问自荐信
2014/01/29 职场文书
新学期开学演讲稿
2014/05/24 职场文书
励志演讲稿大全
2014/08/21 职场文书
高考学习决心书
2015/02/04 职场文书
银行招聘自荐信
2015/03/06 职场文书
小学感恩节活动总结
2015/03/24 职场文书
tensorboard 可视化之localhost:6006不显示的解决方案
2021/05/22 Python