TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例
时间:2022-07-27
本文章向大家介绍TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法示例,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
本文实例讲述了TP5(thinkPHP5框架)基于bootstrap实现的单图上传插件用法。分享给大家供大家参考,具体如下:
1-引入js文件和css文件
<!--图片上传--
<link href="/public/static/css/bootstrap.min.css" rel="external nofollow" rel="stylesheet"
<link href="/public/static/css/fileinput.css" rel="external nofollow" media="all" rel="stylesheet" type="text/css" /
<script src="/public/static/js/jquery-2.0.3.min.js" </script
<script src="/public/static/js/fileinput.js" type="text/javascript" </script
<script src="/public/static/js/fileinput_locale_de.js" type="text/javascript" </script
<script src="/public/static/js/bootstrap.min.js" type="text/javascript" </script
2-html代码
<div class="form-group"
<label for="inputPassword3" class="col-sm-2 control-label" 轮播图</label
<div class="col-sm-10"
<input class="file" type="file" name="img"
</div
</div
3-控制器
public function add() {
$file = $request- file("img");
//声明一个空的文件路径
$imgPath = "";
//移动文件到框架应用更目录的public/uploads/
if ($file) {
$info = $file- move(ROOT_PATH . 'public' . DS . 'upload' . DS . 'top_bar' . DS . date('Y') . DS . date('m-d'),md5(microtime(true)));
if ($info) {
$imgPath = "/public/upload/top_bar/" . date('Y') . '/' . date('m-d') . '/' . $info- getSaveName();
}
} else {
//错误提示用户
return $this- error($file- getError());
}
//赋值
$data["thumb_url"] = $imgPath;
$dataId = Db::name('top_bar')- insertGetId($data);
}
更多的功能和插件 参考地址:https://www.kancloud.cn/he_he/thinkphp5/787173
- (61) 内存映射文件及其应用 - 实现一个简单的消息队列 / 计算机程序的思维逻辑
- ContentProvider简介
- (62) 神奇的序列化 / 计算机程序的思维逻辑
- js的回调函数详解
- 用Python实现微信接口(一)
- MYSQL常见错误及其解决方式
- 用Python实现微信接口(二)
- (63) 实用序列化: JSON/XML/MessagePack / 计算机程序的思维逻辑
- Quartz作业调度框架
- Oracle系统表整理+常用SQL语句收集
- Webpack 实用技巧高效实战
- oracle表空间不足相关问题解决办法
- 手工打造分布式爬虫
- (64) 常见文件类型处理: 属性文件/CSV/EXCEL/HTML/压缩文件 / 计算机程序的思维逻辑
- HTML 教程
- HTML 简介
- html div 标签介绍
- html span 标签介绍
- html a 超链接标签
- HTML Br换行标签介绍
- HTML P段落标签介绍
- HTML br与p标签区别
- Html H 标题标签
- html px em pt长度单位
- HTML form 标签
- HTML radio 单选框
- HTML B 加粗标签
- HTML strong加粗粗体标签
- HTML em 强调标签
- HTML i 斜体标签
- HTML u下划线标签
- HTML s 删除线标签
- Html img 图片标签
- Html上标注sup与下标注sub标签
- HTML nobr 禁止换行标签
- HTML hr 水平线标签
- HTML label 标签
- HTML input 标签
- HTML textarea 标签
- HTML select下拉列表标签
- HTML checkbox 多选框
- HTML font color 标签
- HTML iframe 框架标签
- HTML Table 表格
- HTML dl dt dd 标签
- HTML ol li有序列表标签
- HTML ul li 无序列表标签
- HTML 注释
- CSS 教程
- CSS 简介
- CSS 语法
- CSS Id 和 Class选择器
- CSS 样式的创建
- CSS background 背景介绍
- CSS 文本样式
- CSS font 字体
- CSS A 链接
- CSS ul ol列表样式
- CSS TABLE 样式
- CSS 框模型
- CSS border 边框
- CSS Outlines 轮廓
- CSS 外边距 Margin
- CSS Padding 内边距
- CSS 分组和嵌套选择器
- CSS 尺寸 (Dimension)
- CSS Display 属性
- CSS Position 定位
- CSS Float 浮动
- CSS 水平对齐(Horizontal Align)
- CSS 组合选择符
- CSS 伪类
- CSS 伪元素
- CSS 导航栏
- CSS 下拉菜单
- CSS 图片廊
- CSS 图像透明/不透明
- CSS sprite 图像拼合技术
- CSS 媒体类型
- CSS 属性选择器
- CSS 实例