前言：目前常用的后臺框架比較多改淑，Layui H+ admin Xadmin 等等浴讯，有基于bootstarp的、jQ的等仰猖。如果要在這些基礎(chǔ)上去使用多圖上傳插件奈籽，每種的js語句和DOM操作都不一樣。
我也是剛學(xué)會1種后臺框架的多圖爆捞，大家可以使用在新窗口（鏈接）中上傳多圖管理的方式勾拉，來做到一個(gè)多圖上傳使用不同后臺框架盗温。
畢竟后臺都是自己使用卖局，不是面向客戶双霍，雖然不是完美，但是功能實(shí)現(xiàn)和使用上并沒有差太遠(yuǎn)染坯，畢竟實(shí)現(xiàn)了丘逸，新手的學(xué)習(xí)信心會更強(qiáng)。
1仲锄、演示
image.png
image.png
image.png
image.png
我的這個(gè)提示有點(diǎn)簡單大家可以弄個(gè)樣式即可淌铐。因?yàn)椴煌蚣芎笈_返回的信息格式均不一樣，就做個(gè)最簡單的通用梯皿。
你可以把這個(gè)新彈出的頁面做成多圖編輯頁面硬贯，在對應(yīng)信息后面加上一個(gè)按鈕
（1）前臺列表頁關(guān)于鏈接按鈕
<a title="上傳圖片" onclick="x_admin_show('多圖','{:url(\'Office/UploadImg\')}?id={$vo.id}')" href="javascript:;">
<i class="layui-icon"></i>
</a>
（2）我的數(shù)據(jù)庫模型文件掸驱，如果你要使用下面的方法的話
image.png
（3）后臺没佑，記得要引入
use app\admin\model\OfficeModel;
//多圖上傳頁面顯示
public function UploadImg()
{
// 獲取前臺提交過來的數(shù)據(jù)
$officesId = Request::param('id');
// 通過用戶id查詢需要更新用戶的所有數(shù)據(jù)
$office = OfficeModel::get($officesId);
// 將數(shù)據(jù)賦值給模版
$this->view->office = $office;
// 測試上傳頁面
return $this->fetch();
}
//多圖上傳編輯頁面
public function add_img(){
// 實(shí)例化模型
// 獲取提交的數(shù)據(jù)
$data = Request::param();
$data['imagepath']=implode(',', $_POST['imagepath']);
var_dump($data['imagepath']);
$m = new OfficeModel();
$res = $m->save([
'title' => $data['title'],
'imagepath' => $data['imagepath'],
'username' => Session::get('username'),
'time' => time(),
], ['id' => $data['id']]);
// 驗(yàn)證修改結(jié)果
if ($res) {
// 返回修改成功信息
return '<p style="text-align: center;">修改成功蛤奢！</p>';
} else {
// 返回修改失敗信息
return '<p style="text-align: center;">修改失斊》贰拜秧！</p>';
}
}
你如果不想單獨(dú)圖片管理，也可以做成添加頁面或修改頁面志衍。
列表頁后臺我就不給大家了暖庄，看自己的項(xiàng)目培廓，如果這個(gè)文章還是看不懂春叫，建議去匯找一套TP5網(wǎng)站或者個(gè)人博客過程，跟1-2遍价匠，做到自己不看視頻呛每，看案例的代碼，哪怕是付部分復(fù)制代碼莉给，可以單獨(dú)的做出來，這套多圖上傳完全可以弄到自己項(xiàng)目里頭去的徐矩。
