文件上傳 · 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]); } } ```