TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用
一、引入所需的JS文件和CSS文件
为了实现图片上传功能,首先需要引入Bootstrap和相关插件的JS和CSS文件。这些文件包括了Bootstrap的核心样式文件和文件上传插件的脚本文件。
二、HTML代码部分
在HTML中创建一个表单,包含一个文件上传的输入框。利用Bootstrap的样式类,使得上传按钮更加美观。
三、控制器部分
在ThinkPHP5的控制器中处理文件上传的逻辑。接收前端上传的文件,将其移动到服务器指定的目录,并保存文件路径到数据库。
```php
public function add() {
// 获取上传的文件对象
$file = $request->file("img");
// 初始化文件路径变量
$imgPath = "";
// 移动文件到指定目录,并生成新的文件名(使用md5和当前时间戳)
if ($file) {
$info = $file->move(ROOT_PATH . 'public' . DS . 'upload' . DS . '_bar' . DS . date('Y') . DS . date('m-d'), md5(microtime(true))); //DS为目录分隔符常量,通常为'/'或'\'根据系统决定。下同。
if ($info) { // 文件移动成功则获取文件的保存路径并赋值给imgPath变量。此处的路径应确保是相对于网站根目录的路径。下同。
$imgPath = "/public/upload/_bar/" . date('Y') . '/' . date('m-d') . '/' . $info->getSaveName();
}
} else {
// 文件上传失败,返回错误信息给用户
return $this->error($file->getError());
}