Home Backend Development PHP Tutorial ThinkPHP image upload_PHP tutorial

ThinkPHP image upload_PHP tutorial

Jul 13, 2016 am 10:36 AM
aspnet software programming

ThinkPHP is a popular lightweight PHP framework in China. One of the main reasons for its popularity in China is that its documentation is very sound and complete, and the comments in its source code are all in Chinese, which is convenient. Learn from programmers with poor English proficiency.

Image uploading is a very common function in websites. ThinkPHP also has its own image upload class (UploadFile.class.php) and image model class (Image.class.php). It is convenient for us to implement the image upload function.

1. We first need to create a table

<span 1</span> CREATE TABLE <span IF</span><span  NOT EXISTS `tp_image` (
</span><span 2</span>   `id` int(11) NOT <span NULL</span> AUTO_INCREMENT,
<span 3</span>   `image` varchar(200) NOT <span NULL</span>,
<span 4</span>   `create_time` int(11) NOT <span NULL</span>,
<span 5</span>   PRIMARY <span KEY</span><span  (`id`)
</span><span 6</span> ) ENGINE=MyISAM  <span DEFAULT</span> CHARSET=utf8;
Copy after login

2. Then add the configuration in the conf file (the last configuration is optional, just for the convenience of unified management of URL paths)

<?<span php
</span><span return</span> <span array</span><span (
        </span>'URL_MODEL'    =>    2, <span //</span><span  如果你的环境不支持PATHINFO 请设置为3</span>
        'DB_TYPE'    =>    'mysql',
        'DB_HOST'    =>    'localhost',
        'DB_NAME'    =>    'thinkphp',
        'DB_USER'    =>    'root',
        'DB_PWD'    =>    '',
        'DB_PORT'    =>    '3306',
        'DB_PREFIX'    =>    'tp_',
        
        'SHOW_PAGE_TRACE' =><span true</span>,        <span //</span><span 显示页面调试明细</span>
        
        'TMPL_PARSE_STRING' =>  <span array</span>( <span //</span><span  地址替换,用_UPLOAD_目录 代替 根目录下的Upload目录</span>
         '__UPLOAD__'    =>  __ROOT__.'/Uploads',<span 
     )</span>,<span 
);
</span>?>
Copy after login

3. Add an Image module (you can choose any name)

<?<span php
    </span><span class</span> ImageAction <span extends</span><span  Action{        
        
        </span><span /*</span><span *
         * 创建index 入口方法
         </span><span */</span>
        <span public</span> <span function</span><span  index(){
            </span><span $image</span>=M('Image'<span );                       
            </span><span $data</span>=<span $image</span>->order('create_time desc')->find();    <span //</span><span 获取最后上传图片</span>
            <span $this</span>->assign('data',<span $data</span><span );
            </span><span $this</span>-><span display();
        }
 
</span>?>        
Copy after login

4. Create the corresponding index view file (index.html)

<!DOCTYPE html <span PUBLIC</span> "-//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">
    <span #</span><span img{height:22px; border:#000 2px solid}</span>
    <span #</span><span button{height:30px; width:100px;}</span>
</style>
</head>
<body>
    <div <span class</span>="result" >上传允许文件类型:gif png jpg 图像文件,并生成2张缩略图,其中大图带水印,生成后会删除原图。</div><br>
    <notempty name="data"><img src="__UPLOAD__/m_{<span $data</span>.image}" /> <img src="__UPLOAD__/s_{<span $data</span>.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>
Copy after login

5. Select the image and click the upload button, it will jump to the upload method of the Image module. There is no such method on the Image module yet, so we create it

<?<span php
    </span><span class</span> ImageAction <span extends</span><span  Action{        
        
        </span><span /*</span><span *
         * 创建index 入口方法
         </span><span */</span>
        <span public</span> <span function</span><span  index(){
            </span><span $image</span>=M('Image'<span );                        
            </span><span $data</span>=<span $image</span>->order('create_time desc')->find();    <span //</span><span 获取最后上传图片</span>
            
            <span var_dump</span>(<span $data</span><span );
            </span><span $this</span>->assign('data',<span $data</span><span );
            </span><span $this</span>-><span display();
        } <br />               
        </span><span //</span><span 如果上传的文件不为空,跳转到_upload方法</span>
        <span public</span> <span function</span><span  upload(){        
            </span><span //</span><span 如果不为空</span>
            <span if</span>(!<span empty</span>(<span $_FILES</span><span ))
            {
                </span><span $this</span>-><span _upload();
            }
            
        }</span>
Copy after login

6. If the submission is not NULL, jump to the _upload method. This method implements the image upload function

<?<span php
    </span><span class</span> ImageAction <span extends</span><span  Action{        
        
        </span><span /*</span><span *
         * 创建index 入口方法
         </span><span */</span>
        <span public</span> <span function</span><span  index(){
            </span><span $image</span>=M('Image'<span );                        
            </span><span $data</span>=<span $image</span>->order('create_time desc')->find();    <span //</span><span 获取最后上传图片</span>
            
            <span var_dump</span>(<span $data</span><span );
            </span><span $this</span>->assign('data',<span $data</span><span );
            </span><span $this</span>-><span display();
        } 
        
        
        </span><span //</span><span 如果上传的文件不为空,跳转到_upload方法</span>
        <span public</span> <span function</span><span  upload(){        
            </span><span //</span><span 如果不为空</span>
            <span if</span>(!<span empty</span>(<span $_FILES</span><span ))
            {
                </span><span $this</span>-><span _upload();
            }
            
        }
        
        
        </span><span /*</span><span **
         * 实现图片上传
         </span><span */</span>
        <span public</span> <span function</span><span  _upload(){
            import(</span>'@.ORG.UploadFile'<span );
            </span><span //</span><span 导入上传类</span>
            <span $upload</span> = <span new</span><span  UploadFile();
            </span><span //</span><span 设置上传文件大小</span>
            <span $upload</span>->maxSize            = 3292200<span ;
            </span><span //</span><span 设置上传文件类型</span>
            <span $upload</span>->allowExts          = <span explode</span>(',', 'jpg,gif,png,jpeg'<span );
            </span><span //</span><span 设置附件上传目录</span>
            <span $upload</span>->savePath           = './Uploads/'<span ;
            </span><span //</span><span 设置需要生成缩略图,仅对图像文件有效</span>
            <span $upload</span>->thumb              = <span true</span><span ;
            </span><span //</span><span  设置引用图片类库包路径</span>
            <span $upload</span>->imageClassPath     = '@.ORG.Image'<span ;
            </span><span //</span><span 设置需要生成缩略图的文件后缀</span>
            <span $upload</span>->thumbPrefix        = 'm_,s_';  <span //</span><span 生产2张缩略图
            //设置缩略图最大宽度</span>
            <span $upload</span>->thumbMaxWidth      = '400,100'<span ;
            </span><span //</span><span 设置缩略图最大高度</span>
            <span $upload</span>->thumbMaxHeight     = '400,100'<span ;
            </span><span //</span><span 设置上传文件规则</span>
            <span $upload</span>->saveRule           = 'uniqid'<span ;
            </span><span //</span><span 删除原图</span>
            <span $upload</span>->thumbRemoveOrigin  = <span true</span><span ;
            
            
            </span><span //</span><span 如果上传不成功</span>
            <span if</span> (!<span $upload</span>-><span upload()) 
            {
                </span><span //</span><span 捕获上传异常</span>
                <span $this</span>->error(<span $upload</span>-><span getErrorMsg());
            } 
            </span><span else</span><span  
            {
                </span><span //</span><span 取得成功上传的文件信息</span>
                <span $uploadList</span> = <span $upload</span>-><span getUploadFileInfo();
                
                
                </span><span //</span><span 导入图片类</span>
                import('@.ORG.Image'<span );                
            
                </span><span //</span><span 给m_缩略图添加水印, Image::water('原文件路径','水印图片地址')</span>
                Image::water(<span $uploadList</span>[0]['savepath'] . 'm_' . <span $uploadList</span>[0]['savename'], APP_PATH.'Tpl/Public/Images/logo.png'<span );
                
                </span><span //</span><span 图片名赋值给 字段image</span>
                <span $_POST</span>['image'] = <span $uploadList</span>[0]['savename'<span ];
            }
            </span><span $model</span>  = M('image'<span );
            </span><span //</span><span 保存当前数据对象</span>
            <span $data</span>['image']          = <span $_POST</span>['image'<span ];
            </span><span $data</span>['create_time']    =<span  NOW_TIME;
            </span><span $list</span>   = <span $model</span>->add(<span $data</span><span );
            </span><span if</span> (<span $list</span> !== <span false</span><span ) 
            {
                </span><span $this</span>->success('上传图片成功!'<span );
            } 
            </span><span else</span><span  
            {
                </span><span $this</span>->error('上传图片失败!'<span );
            }
        }
        
    }
</span>?>
Copy after login

The final image was uploaded successfully and two thumbnails were generated:

What needs to be explained is:

The image upload class (UploadFile.class.php) and image model class (Image.class.php) that come with ThinkPHP require the full version of the ThinkPHP package.

If not, you need to create a folder (ORG) in Lib, then go to the official website to download the expansion package and put these two files into the ORG folder.

Mine is the second situation

www.bkjia.comtruehttp: //www.bkjia.com/PHPjc/738519.htmlTechArticleThinkPHP is a popular lightweight PHP framework in China. One of the main reasons for its popularity in China is Its documentation is very sound and complete, and the comments in its source code are all in Chinese...
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Hot AI Tools

Undresser.AI Undress

Undresser.AI Undress

AI-powered app for creating realistic nude photos

AI Clothes Remover

AI Clothes Remover

Online AI tool for removing clothes from photos.

Undress AI Tool

Undress AI Tool

Undress images for free

Clothoff.io

Clothoff.io

AI clothes remover

AI Hentai Generator

AI Hentai Generator

Generate AI Hentai for free.

Hot Article

R.E.P.O. Energy Crystals Explained and What They Do (Yellow Crystal)
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Best Graphic Settings
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. How to Fix Audio if You Can't Hear Anyone
2 weeks ago By 尊渡假赌尊渡假赌尊渡假赌

Hot Tools

Notepad++7.3.1

Notepad++7.3.1

Easy-to-use and free code editor

SublimeText3 Chinese version

SublimeText3 Chinese version

Chinese version, very easy to use

Zend Studio 13.0.1

Zend Studio 13.0.1

Powerful PHP integrated development environment

Dreamweaver CS6

Dreamweaver CS6

Visual web development tools

SublimeText3 Mac version

SublimeText3 Mac version

God-level code editing software (SublimeText3)

The combination of Vue.js and ASP.NET provides tips and suggestions for performance optimization and expansion of web applications. The combination of Vue.js and ASP.NET provides tips and suggestions for performance optimization and expansion of web applications. Jul 29, 2023 pm 05:19 PM

The combination of Vue.js and ASP.NET provides tips and suggestions for performance optimization and expansion of web applications. With the rapid development of web applications, performance optimization has become an indispensable and important task for developers. As a popular front-end framework, Vue.js combined with ASP.NET can help us achieve better performance optimization and expansion. This article will introduce some tips and suggestions, and provide some code examples. 1. Reduce HTTP requests The number of HTTP requests directly affects the loading speed of web applications. pass

Ten ways generative AI will change software development Ten ways generative AI will change software development Mar 11, 2024 pm 12:10 PM

Translator | Reviewed by Chen Jun | Chonglou In the 1990s, when people mentioned software programming, it usually meant choosing an editor, checking the code into the CVS or SVN code base, and then compiling the code into an executable file. Corresponding integrated development environments (IDEs) such as Eclipse and Visual Studio can integrate programming, development, documentation, construction, testing, deployment and other steps into a complete software development life cycle (SDLC), thus improving the work of developers. efficiency. In recent years, popular cloud computing and DevSecOps automation tools have improved developers' comprehensive capabilities, making it easier for more enterprises to develop, deploy and maintain software applications. Today, generative AI is the next generation development

MySQL connection pool usage and optimization techniques in ASP.NET programs MySQL connection pool usage and optimization techniques in ASP.NET programs Jun 30, 2023 pm 11:54 PM

How to correctly use and optimize the MySQL connection pool in ASP.NET programs? Introduction: MySQL is a widely used database management system that features high performance, reliability, and ease of use. In ASP.NET development, using MySQL database for data storage is a common requirement. In order to improve the efficiency and performance of database connections, we need to correctly use and optimize the MySQL connection pool. This article will introduce how to correctly use and optimize the MySQL connection pool in ASP.NET programs.

How to reconnect to MySQL in ASP.NET program? How to reconnect to MySQL in ASP.NET program? Jun 29, 2023 pm 02:21 PM

How to reconnect to MySQL in ASP.NET program? In ASP.NET development, it is very common to use the MySQL database. However, due to network or database server reasons, the database connection may sometimes be interrupted or time out. In this case, in order to ensure the stability and reliability of the program, we need to re-establish the connection after the connection is disconnected. This article will introduce how to reconnect MySQL connections in ASP.NET programs. To reference the necessary namespaces first, reference them at the head of the code file

The combination of Vue.js and ASP.NET enables the development and deployment of enterprise-level applications The combination of Vue.js and ASP.NET enables the development and deployment of enterprise-level applications Jul 29, 2023 pm 02:37 PM

The combination of Vue.js and ASP.NET enables the development and deployment of enterprise-level applications. In today's rapidly developing Internet technology field, the development and deployment of enterprise-level applications has become more and more important. Vue.js and ASP.NET are two technologies widely used in front-end and back-end development. Combining them can bring many advantages to the development and deployment of enterprise-level applications. This article will introduce how to use Vue.js and ASP.NET to develop and deploy enterprise-level applications through code examples. First, we need to install

How to correctly configure and use MySQL connection pool in ASP.NET program? How to correctly configure and use MySQL connection pool in ASP.NET program? Jun 29, 2023 pm 12:56 PM

How to correctly configure and use MySQL connection pool in ASP.NET program? With the development of the Internet and the increase in data volume, the demand for database access and connections is also increasing. In order to improve the performance and stability of the database, connection pooling has become an essential technology. This article mainly introduces how to correctly configure and use the MySQL connection pool in ASP.NET programs to improve the efficiency and response speed of the database. 1. The concept and function of connection pooling. Connection pooling is a technology that reuses database connections. At the beginning of the program,

What are the built-in objects in aspnet? What are the built-in objects in aspnet? Nov 21, 2023 pm 02:59 PM

The built-in objects in ASP.NET include "Request", "Response", "Session", "Server", "Application", "HttpContext", "Cache", "Trace", "Cookie" and "Server.MapPath": 1. Request, indicating the HTTP request issued by the client; 2. Response: indicating the HTTP response returned by the web server to the client, etc.

Recommended configuration for ASP.NET development using Visual Studio on Linux Recommended configuration for ASP.NET development using Visual Studio on Linux Jul 06, 2023 pm 08:45 PM

Overview of the recommended configuration for using Visual Studio for ASP.NET development on Linux: With the development of open source software and the popularity of the Linux operating system, more and more developers are beginning to develop ASP.NET on Linux. As a powerful development tool, Visual Studio has always occupied a dominant position on the Windows platform. This article will introduce how to configure VisualStudio for ASP.NE on Linux

See all articles