溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

怎么在thinkphp項目中實現(xiàn)一個圖片上傳功能

發(fā)布時間:2021-01-15 16:27:11 來源:億速云 閱讀:224 作者:Leah 欄目:開發(fā)技術(shù)

這篇文章給大家介紹怎么在thinkphp項目中實現(xiàn)一個圖片上傳功能,內(nèi)容非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

1.我們首先需要創(chuàng)建一個表

復(fù)制代碼 代碼如下:


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文件里添加配置(最后一段配置是可選的,只是為了方便統(tǒng)一管理URL路徑)

復(fù)制代碼 代碼如下:


<?php
return array(
        'URL_MODEL'    =>    2, // 如果你的環(huán)境不支持PATHINFO 請設(shè)置為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,        //顯示頁面調(diào)試明細

        'TMPL_PARSE_STRING' =>  array( // 地址替換,用_UPLOAD_目錄 代替 根目錄下的Upload目錄
         '__UPLOAD__'    =>  __ROOT__.'/Uploads',
     ),
);
?>

3.添加一個Image模塊(名字可以隨便取)

復(fù)制代碼 代碼如下:


<?php
    class ImageAction extends Action{       

        /**
         * 創(chuàng)建index 入口方法
         */
        public function index(){
            $image=M('Image');                      
            $data=$image->order('create_time desc')->find();    //獲取最后上傳圖片
            $this->assign('data',$data);
            $this->display();
        }
?>

4.創(chuàng)建相應(yīng)index視圖文件(index.html)

復(fù)制代碼 代碼如下:


<!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模塊上現(xiàn)在還沒有這個方法,于是我們創(chuàng)建它

復(fù)制代碼 代碼如下:


<?php
    class ImageAction extends Action{       

        /**
         * 創(chuàng)建index 入口方法
         */
        public function index(){
            $image=M('Image');                       
            $data=$image->order('create_time desc')->find();    //獲取最后上傳圖片

            var_dump($data);
            $this->assign('data',$data);
            $this->display();
        }

        //如果上傳的文件不為空,跳轉(zhuǎn)到_upload方法
        public function upload(){       
            //如果不為空
            if(!empty($_FILES))
            {
                $this->_upload();
            }

        }

6.如果提交的不是NULL,則跳到_upload方法上,此方法實現(xiàn)圖片上傳的功能

復(fù)制代碼 代碼如下:


<?php
    class ImageAction extends Action{       

        /**
         * 創(chuàng)建index 入口方法
         */
        public function index(){
            $image=M('Image');                       
            $data=$image->order('create_time desc')->find();    //獲取最后上傳圖片

            var_dump($data);
            $this->assign('data',$data);
            $this->display();
        }

       
        //如果上傳的文件不為空,跳轉(zhuǎn)到_upload方法
        public function upload(){       
            //如果不為空
            if(!empty($_FILES))
            {
                $this->_upload();
            }

        }

       
        /***
         * 實現(xiàn)圖片上傳
         */
        public function _upload(){
            import('@.ORG.UploadFile');
            //導(dǎo)入上傳類
            $upload = new UploadFile();
            //設(shè)置上傳文件大小
            $upload->maxSize            = 3292200;
            //設(shè)置上傳文件類型
            $upload->allowExts          = explode(',', 'jpg,gif,png,jpeg');
            //設(shè)置附件上傳目錄
            $upload->savePath           = './Uploads/';
            //設(shè)置需要生成縮略圖,僅對圖像文件有效
            $upload->thumb              = true;
            // 設(shè)置引用圖片類庫包路徑
            $upload->imageClassPath     = '@.ORG.Image';
            //設(shè)置需要生成縮略圖的文件后綴
            $upload->thumbPrefix        = 'm_,s_';  //生產(chǎn)2張縮略圖
            //設(shè)置縮略圖最大寬度
            $upload->thumbMaxWidth      = '400,100';
            //設(shè)置縮略圖最大高度
            $upload->thumbMaxHeight     = '400,100';
            //設(shè)置上傳文件規(guī)則
            $upload->saveRule           = 'uniqid';
            //刪除原圖
            $upload->thumbRemoveOrigin  = true;

           
            //如果上傳不成功
            if (!$upload->upload())
            {
                //捕獲上傳異常
                $this->error($upload->getErrorMsg());
            }
            else
            {
                //取得成功上傳的文件信息
                $uploadList = $upload->getUploadFileInfo();

               
                //導(dǎo)入圖片類
                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');
            //保存當前數(shù)據(jù)對象
            $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里創(chuàng)建一個文件夾(ORG),然后去官網(wǎng)下載擴展包把這兩個文件放到ORG文件夾中。

關(guān)于怎么在thinkphp項目中實現(xiàn)一個圖片上傳功能就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,可以學到更多知識。如果覺得文章不錯,可以把它分享出去讓更多的人看到。

向AI問一下細節(jié)

免責聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進行舉報,并提供相關(guān)證據(jù),一經(jīng)查實,將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI