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

 更新时间:2014年06月26日 16:18:39   投稿:shichen2014  
这篇文章主要介绍了使用ThinkPHP+Uploadify实现图片上传功能,需要的朋友可以参考下

首先,将下载的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相关内容感兴趣的读者可查看本站专题:《ThinkPHP入门教程》、《thinkPHP模板操作技巧总结》、《ThinkPHP常用方法总结》、《smarty模板入门基础教程》及《PHP模板技术总结》。

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

相关文章

  • Thinkphp 框架扩展之驱动扩展实例分析

    Thinkphp 框架扩展之驱动扩展实例分析

    这篇文章主要介绍了Thinkphp 框架扩展之驱动扩展,结合实例形式分析了Thinkphp 框架驱动扩展相关原理、实现方法及操作注意事项,需要的朋友可以参考下
    2020-04-04
  • Laravel Intervention/image图片处理扩展包的安装、使用与可能遇到的坑详解

    Laravel Intervention/image图片处理扩展包的安装、使用与可能遇

    这篇文章主要给大家介绍了关于Laravel中Intervention/image图片处理扩展包的安装、使用与在使用可能遇到的坑的解决方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧。
    2017-11-11
  • php获取301跳转URL简单实例

    php获取301跳转URL简单实例

    这篇文章主要介绍了php获取301跳转URL简单实例,有需要的朋友可以参考一下
    2013-12-12
  • PHP防止刷新重复提交页面的示例代码

    PHP防止刷新重复提交页面的示例代码

    我们可以利用 PHP 的 Session 来避免这一点,Session 保存在服务器端,在 PHP 过程中改变 Session 变量的值后,即保存在服务器端,下次访问这个变量时,得到是新赋的值,所以,可以用一个 Session 变量记录表单提交的次数,大于1时,就不再处理表单中的数据
    2015-11-11
  • PHP中的类-什么叫类

    PHP中的类-什么叫类

    PHP中的类-什么叫类...
    2006-11-11
  • 用PHP生成静态HTML速度快类库

    用PHP生成静态HTML速度快类库

    用PHP生成静态HTML的代码,需要的朋友可以参考下。
    2007-03-03
  • PHP请求Socket接口测试实例

    PHP请求Socket接口测试实例

    下面小编就为大家带来一篇PHP请求Socket接口测试实例。小编觉得挺不错的,现在就分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2016-08-08
  • 在Ubuntu 14.04上部署 PHP 环境及 WordPress

    在Ubuntu 14.04上部署 PHP 环境及 WordPress

    Ubuntu确实很好玩。有喜欢的命令行,简洁的界面,不同于Window要的感觉。偶尔换换环境工作,学习Linux的思维方式,是一种不错的做法。之前也折腾过Ubuntu,想在Linux下学习某些开发(主要还是和代码打交道),Ubuntu当然是最好不过的选择,并且刚发布了14.04版本
    2014-09-09
  • php使用mkdir创建多级目录入门例子

    php使用mkdir创建多级目录入门例子

    这篇文章主要介绍了php使用mkdir创建多级目录入门例子,需要的朋友可以参考下
    2014-05-05
  • YII Framework教程之异常处理详解

    YII Framework教程之异常处理详解

    这篇文章主要介绍了YII Framework教程之异常处理,结合实例形式详细分析了Yii框架异常处理机制的原理,使用方法与相关注意事项,需要的朋友可以参考下
    2016-03-03

最新评论