文件上传 · ThinkPHP6.0

>[danger] Layui 文件上传组件官方文档 [https://www.layui.com/doc/modules/upload.html](https://www.layui.com/doc/modules/upload.html) >[danger] HTML部分 ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>upload模块快速使用</title> <link rel="stylesheet" href="https://www.layuicdn.com/layui-v2.5.6/css/layui.css"> <script src="https://www.layuicdn.com/layui-v2.5.6/layui.js"></script> </head> <body> <button type="button" class="layui-btn" id="test1"> <i class="layui-icon"></i>上传图片 </button> <script> layui.use(['upload', 'layer'], function(){ var upload = layui.upload ,layer = layui.layer; //执行实例 var uploadInst = upload.render({ //绑定元素 elem: '#test1' //上传接口 ,url: '{:url("index/upload")}' // 文件域的字段名该属性省略时默认值为: file ,field: 'img' //上传完毕回调 ,done: function(res){ // 返回结果 console.log(res) } //请求异常回调 ,error: function(){ } }); }); </script> </body> </html> ``` >[danger] 控制器方法 ```php <?php namespace app\controller; use app\BaseController; /** * layui 文件上传在 TP6.0 中的简单示例 * * @author liang QQ：23426945 * * @datetime 2020-04-03 * */ class Index extends BaseController { /** * 渲染首页模板文件 * @return [type] [description] */ public function index() { return view(); } /** * layui 文件上传接口 */ public function upload() { // file('文件域的字段名') $file = request()->file('img'); // 上传到本地服务器返回文件存储位置 // // disk('磁盘配置名称') 该配置在 config/filesystem.php中的 disks 中查看 // disk('public') 代表使用的是 disks 中的 public 键名对应的磁盘配置 // putFile('目录名', $file); // // $savename 执行上传返回文件存储位置 // // 当前文件存储位置：public/storage/topic/当前时间/文件名 $savename = \think\facade\Filesystem::disk('public')->putFile('topic', $file); // 将上传后的文件位置返回给前端 return json(['code' => 0, 'path' => $savename]); } } ```