## 初始配置 配置分前臺與后臺處理腳本兩個部分。 [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 } ```