TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用
1. 介绍
ThinkPHP(简称TP)是一款基于PHP开发的全功能开源框架。Bootstrap是一个用于前端开发的开源工具包。在这篇文章中，我们将介绍如何在ThinkPHP5框架基础上，使用Bootstrap实现一个简单的单图上传插件。
2. 准备工作
在开始之前，我们需要确保已经搭建好了ThinkPHP5框架，并引入了Bootstrap前端库。如果还没有搭建好，请先按照官方文档进行搭建。
接下来，我们需要创建一个新的控制器来处理上传功能。在命令行中执行以下命令：
php think make:controller UploadController这将创建一个名为UploadController的控制器。
3. 编写代码
首先，打开刚刚创建的UploadController，找到index方法，并添加以下代码：
public function index()
{
return view();
}
接下来，我们需要在视图中创建一个上传表单。在视图文件中，添加以下代码：
<form role="form" method="post" enctype="multipart/form-data" action="{:url('upload/save')}">
<div class="form-group">
<label for="image">选择图片</label>
<input type="file" id="image" name="image">
</div>
<button type="submit" class="btn btn-primary">上传</button>
</form>
这是一个简单的表单，有一个文件选择输入框和一个提交按钮。表单的action属性指向UploadController中的save方法。
4. 实现上传功能
在UploadController中，添加以下代码来处理上传的图片：
public function save()
{
// 检查是否有文件上传
if ($file = request()->file('image')) {
// 上传并保存文件
$info = $file->validate(['ext' => 'jpg,png,gif'])->move(ROOT_PATH . 'public' . DS . 'uploads');
if ($info) {
// 上传成功
return '上传成功';
} else {
// 上传失败
echo $file->getError();
}
}
}
首先，我们检查是否有文件上传，如果有文件上传，我们使用validate方法检查文件的扩展名是否满足条件(jpg,png,gif)。然后使用move方法将文件保存到指定的路径中。如果保存成功，我们返回'上传成功'，否则输出错误信息。
5. 测试
在浏览器中访问我们的上传页面，并选择一个图片文件进行上传。如果一切正常，你将会看到'上传成功'的提示。
总结
在本文中，我们学习了如何在ThinkPHP5框架中使用Bootstrap实现一个简单的单图上传插件。我们首先创建了一个控制器来处理上传功能，然后在视图中创建了一个上传表单。最后，我们编写了上传功能的代码，并进行了测试。
通过学习本文，你可以了解到如何使用ThinkPHP5和Bootstrap来实现一个简单的文件上传功能。希望这篇文章能对你有所帮助！