thinkphp实现图片上传功能分享

 图片上传在网站里是很常用的功能.ThinkPHP里也有自带的图片上传类(UploadFile.class.php) 和图片模型类(Image.class.php)。方便于我们去实现图片上传功能,下面是实现方法

1.我们首先需要创建一个表
 
 代码如下:
CREATE TABLE IF NOT EXISTS `tp_image` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `image` varchar(200) NOT NULL,
  `create_time` int(11) NOT NULL,
  PRIMARY KEY (`id`)
) ENGINE=MyISAM  DEFAULT CHARSET=utf8;
 
 
2.然后再conf文件里添加配置(最后一段配置是可选的,只是为了方便统一管理URL路径)
 
 代码如下:
<?php
return array(
        'URL_MODEL'    =>    2, // 如果你的环境不支持PATHINFO 请设置为3
        'DB_TYPE'    =>    'mysql',
        'DB_HOST'    =>    'localhost',
        'DB_NAME'    =>    'thinkphp',
        'DB_USER'    =>    'root',
        'DB_PWD'    =>    '',
        'DB_PORT'    =>    '3306',
        'DB_PREFIX'    =>    'tp_',
 
        'SHOW_PAGE_TRACE' =>true,        //显示页面调试明细
 
        'TMPL_PARSE_STRING' =>  array( // 地址替换,用_UPLOAD_目录 代替 根目录下的Upload目录
         '__UPLOAD__'    =>  __ROOT__.'/Uploads',
     ),
);
?>
 
 
3.添加一个Image模块(名字可以随便取)
 
 代码如下:
<?php
    class ImageAction extends Action{        
 
        /**
         * 创建index 入口方法
         */
        public function index(){
            $image=M('Image');                       
            $data=$image->order('create_time desc')->find();    //获取最后上传图片
            $this->assign('data',$data);
            $this->display();
        } 
?>
 
 
4.创建相应index视图文件(index.html)
 
 代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<style type="text/css">
    #img{height:22px; border:#000 2px solid}
    #button{height:30px; width:100px;}
</style>
</head>
<body>
    <div class="result" >上传允许文件类型:gif png jpg 图像文件,并生成2张缩略图,其中大图带水印,生成后会删除原图。</div><br>
    <notempty name="data"><img src="__UPLOAD__/m_{$data.image}" /> <img src="__UPLOAD__/s_{$data.image}" /></notempty>
    <form action="__URL__/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="image" id="img"/>
        <input type="submit" value="上传" id="button"> 
    </form>
</body>
</html>
 
 
5.选择图片,点击上传按钮后,会跳到Image模块的upload方法上,Image模块上现在还没有这个方法,于是我们创建它
 
 代码如下:
<?php
    class ImageAction extends Action{        
 
        /**
         * 创建index 入口方法
         */
        public function index(){
            $image=M('Image');                        
            $data=$image->order('create_time desc')->find();    //获取最后上传图片
 
            var_dump($data);
            $this->assign('data',$data);
            $this->display();
        } 
 
        //如果上传的文件不为空,跳转到_upload方法
        public function upload(){        
            //如果不为空
            if(!empty($_FILES))
            {
                $this->_upload();
            }
 
        }
 
 
6.如果提交的不是NULL,则跳到_upload方法上,此方法实现图片上传的功能
 代码如下:
<?php
    class ImageAction extends Action{        
 
        /**
         * 创建index 入口方法
         */
        public function index(){
            $image=M('Image');                        
            $data=$image->order('create_time desc')->find();    //获取最后上传图片
 
            var_dump($data);
            $this->assign('data',$data);
            $this->display();
        } 
 
        
        //如果上传的文件不为空,跳转到_upload方法
        public function upload(){        
            //如果不为空
            if(!empty($_FILES))
            {
                $this->_upload();
            }
 
        }
 
        
        /***
         * 实现图片上传
         */
        public function _upload(){
            import('@.ORG.UploadFile');
            //导入上传类
            $upload = new UploadFile();
            //设置上传文件大小
            $upload->maxSize            = 3292200;
            //设置上传文件类型
            $upload->allowExts          = explode(',', 'jpg,gif,png,jpeg');
            //设置附件上传目录
            $upload->savePath           = './Uploads/';
            //设置需要生成缩略图,仅对图像文件有效
            $upload->thumb              = true;
            // 设置引用图片类库包路径
            $upload->imageClassPath     = '@.ORG.Image';
            //设置需要生成缩略图的文件后缀
            $upload->thumbPrefix        = 'm_,s_';  //生产2张缩略图
            //设置缩略图最大宽度
            $upload->thumbMaxWidth      = '400,100';
            //设置缩略图最大高度
            $upload->thumbMaxHeight     = '400,100';
            //设置上传文件规则
            $upload->saveRule           = 'uniqid';
            //删除原图
            $upload->thumbRemoveOrigin  = true;
 
            
            //如果上传不成功
            if (!$upload->upload()) 
            {
                //捕获上传异常
                $this->error($upload->getErrorMsg());
            } 
            else 
            {
                //取得成功上传的文件信息
                $uploadList = $upload->getUploadFileInfo();
 
                
                //导入图片类
                import('@.ORG.Image');                
 
                //给m_缩略图添加水印, Image::water('原文件路径','水印图片地址')
                Image::water($uploadList[0]['savepath'] . 'm_' . $uploadList[0]['savename'], APP_PATH.'Tpl/Public/Images/logo.png');
 
                //图片名赋值给 字段image
                $_POST['image'] = $uploadList[0]['savename'];
            }
            $model  = M('image');
            //保存当前数据对象
            $data['image']          = $_POST['image'];
            $data['create_time']    = NOW_TIME;
            $list   = $model->add($data);
            if ($list !== false) 
            {
                $this->success('上传图片成功!');
            } 
            else 
            {
                $this->error('上传图片失败!');
            }
        }        
    }
?>
 
 
上传成功生成两张缩略图
 
需要说明的是:
 
ThinkPHP里自带的图片上传类(UploadFile.class.php) 和图片模型类(Image.class.php),要完整版的ThinkPHP包才有。
 
没有的话需要在Lib里创建一个文件夹(ORG),然后去官网下载扩展包把这两个文件放到ORG文件夹中。
 
我的是第二种情况
 
 

时间: 2024-09-17 04:39:07

thinkphp实现图片上传功能分享的相关文章

thinkphp实现图片上传功能分享_php实例

1.我们首先需要创建一个表 复制代码 代码如下: CREATE TABLE IF NOT EXISTS `tp_image` (  `id` int(11) NOT NULL AUTO_INCREMENT,  `image` varchar(200) NOT NULL,  `create_time` int(11) NOT NULL,  PRIMARY KEY (`id`)) ENGINE=MyISAM  DEFAULT CHARSET=utf8; 2.然后再conf文件里添加配置(最后一段配置

yii2高级应用之自定义组件实现全局使用图片上传功能的方法_php实例

本文讲述了yii2高级应用之自定义组件实现全局使用图片上传功能的方法.分享给大家供大家参考,具体如下: 此例为yii2高组应用,这里只提供一个简单的事例 在yii2中,在使用到上传图片时有自带的一个上传图片类,但不太好用. 其中有一种方式,把自己写的一个上传图片类文件,注册成一个组件,在全局中使用.(我记得我在里面有写过一篇小物件的使用) 这里,我只作一个简单的自定义组件介绍 1.在backend(或frontend)定义一个 upload.php(注意路径: backend/component

asp.net core集成kindeditor实现图片上传功能_实用技巧

本文为大家分享了asp.net core 如何集成kindeditor并实现图片上传功能的具体方法,供大家参考,具体内容如下 准备工作 1.visual studio 2015 update3开发环境 2.net core 1.0.1 及以上版本 目录 新建asp.net core web项目 下载kindeditor 增加图片上传控制器 配置kindeditor参数 代码下载 新建asp.net core web项目 新建一个asp.net core项目,这里命名为kindeditor 选中w

ThinkPHP实现图片上传操作的方法详解

本文实例讲述了ThinkPHP实现图片上传操作的方法.分享给大家供大家参考,具体如下: 直接上个例子,其中包括有单图片文件上传.多图片文件上传.以及删除文件的一些操作.放置删除数据库的时候,仅仅删除掉了数据库之中的文件路径.而不是一并删除服务器之中的文件.放置服务器爆炸.. TP里面common文件夹里面function.php里面自定义方法: <?php //文件上传类(可以设置多个参数) function upload($file=null,$maxSize=0,$exts=0,$saveP

Android中使用GridView实现仿微信图片上传功能(附源代码)

由于工作要求最近在使用GridView完成图片的批量上传功能,我的例子当中包含仿微信图片上传.拍照.本地选择.相片裁剪等功能,如果有需要的朋友可以看一下,希望我的实际经验能对您有所帮助. 直接上图,下面的图片就是点击"加号"后弹出的对话框,通过对话框可以根据自己需求进行相片选择. 项目结构: 下面直接上代码. 整体的布局文件activity_main.xml <LinearLayout xmlns:android="http://schemas.android.com/

交互设计案例:网站图片上传功能的设计分析

文章描述:图片上传的交互设计. 传统的图片上传交互很简单:一个文件域要求用户选择图片文件,一个提交按钮(如下图). 这种方式有很多缺点,比如选择图片后看不到预览,一次只能选择一张图,上传过程看不到进度.当然也有它自身的优点:html本身的表单控件,代码简单,上传不易出错,适合低速网络环境.现在富媒体横行的时代,用户需要长传大量图片,这种传统表单的方式上传图片显然已经跟不上时代的需求,基于flash.html5的新型上传方式被广泛的应用. 我们从上传图片前.上传中.上传后三个步骤来分析其中的交互过

基于ASP.NET+easyUI框架实现图片上传功能(判断格式+即时浏览 )_实用技巧

基于ASP.Net +easyUI框架上传图片,判断格式+实现即时浏览,具体内容如下 <div> 选择图片:<input id="idFile" style="width:224px" runat="server" name="pic" onchange="javascript:setImagePreview(this,localImag,preview);" type="fil

基于ASP.NET+easyUI框架实现图片上传功能(表单)_实用技巧

基于ASP.Net +easyUI框架上传图片,实现图片上传,提交表单: <body> <link href="../../Easyui/themes/easyui.css" rel="stylesheet" type="text/css" /> <script charset="utf-8" src="../../Easyui/jquery.easyui.min.js" ty

Drupal7通过form API 建立无刷新的图片上传功能的四个方法

表单是网站常用的,不可缺少的.而通过表单建立图片上传也是刚需,基本每个网站都需要图片上传功能,现在比较流行的是直接无刷新上传图片,无刷新上传图片在drupal7 如何做呢?下面代码就是实现此功能. 方法1:用file原件配合ajax参数实现: function testmodule_forma($form, &$form_state){ $form['im-container'] = array(     '#prefix'=>'<div id="im-area"&