怎么在thinkphp项目中实现一个图片上传功能

发布时间:2021-01-15 16:27:11 作者:Leah
来源:亿速云 阅读:234

这篇文章给大家介绍怎么在thinkphp项目中实现一个图片上传功能,内容非常详细,感兴趣的小伙伴们可以参考借鉴,希望对大家能有所帮助。

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文件夹中。

关于怎么在thinkphp项目中实现一个图片上传功能就分享到这里了,希望以上内容可以对大家有一定的帮助,可以学到更多知识。如果觉得文章不错,可以把它分享出去让更多的人看到。

推荐阅读:
  1. 怎么在vue项目中实现一个图片上传功能
  2. 怎么在ThinkPHP5.1项目中利用Ajax实现一个无刷新分页功能

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

thinkphp

上一篇:怎么在PHP项目中批量上传图片

下一篇:php中实现快速排序的方法

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》