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 >上传允许文件类型：gif png jpg 图像文件，并生成2张缩略图，其中大图带水印，生成后会删除原图。</div><br>
<notempty><img src="https://www.jb51.net/__UPLOAD__/m_{$data.image}" /> <img src="https://www.jb51.net/__UPLOAD__/s_{$data.image}" /></notempty>
<form action="__URL__/upload" method="post" enctype="multipart/form-data">
<input type="file"/>
<input type="submit" value="上传">
</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方法上,此方法实现图片上传的功能
复制代码 代码如下: