## 初始配置 配置分前台与后台处理脚本两个部分。 [TOC] ### 前台配置 如果使用Laravel 等有CSRF验证的框架需要在head标签内容添加： ``` <meta name="csrf-token" content="{{ csrf_token() }}"> ``` 需要在引入 `require.js` 前配置后台上传与列表地址，并以 `?` 结尾 ``` <script> window.hdjs = {}; window.hdjs.base = '../'; window.hdjs.uploader = 'php/uploader.php?'; window.hdjs.filesLists = 'php/filesLists.php?'; </script> <script src="../require.js"></script> <script src="../config.js"></script> ``` 上传图片时系统会添加 $_GET['type']=image ，文件时 $_GET['file']=file ### 后台脚本 #### 上传处理 **成功时返回数据** ``` $json = ['file' =>'php/'. $file, 'code' => 0]; die(json_encode($json)); ``` **失败时返回数据** ``` $json = ['message' =>'没有访问权限'. $file, 'code' => 403]; die(json_encode($json)); ``` #### 列表数据 上传提供选择以往上传文件的功能，后台需要返回文件列表数据。  ``` { data: [ { path: "http://dev.hdcms.com/uploads/1808/29/zteThWkvuY1535532843.5167.jpg", url: "http://dev.hdcms.com/uploads/1808/29/zteThWkvuY1535532843.5167.jpg" } ], page: "<ul class="pagination" role="navigation"> <li class="page-item disabled" aria-disabled="true" aria-label="&laquo; 上一页"> <span class="page-link" aria-hidden="true">&lsaquo;</span> </li> <li class="page-item active" aria-current="page"><span class="page-link">1</span></li> <li class="page-item"><a class="page-link" href="http://dev.hdcms.com/util/upload/lists?page=2">2</a></li> <li class="page-item"><a class="page-link" href="http://dev.hdcms.com/util/upload/lists?page=3">3</a></li> <li class="page-item"> <a class="page-link" href="http://dev.hdcms.com/util/upload/lists?page=2" rel="next" aria-label="下一页 &raquo;">&rsaquo;</a> </li> </ul> ", code: 0 } ```