前言：目前常用的后臺框架比較多，Layui H+ admin Xadmin 等等，有基于bootstarp的、jQ的等。如果要在這些基礎(chǔ)上去使用多圖上傳插件，每種的js語句和DOM操作都不一樣。
我也是剛學會1種后臺框架的多圖，大家可以使用在新窗口（鏈接）中上傳多圖管理的方式，來做到一個多圖上傳使用不同后臺框架。
畢竟后臺都是自己使用，不是面向客戶，雖然不是完美，但是功能實現(xiàn)和使用上并沒有差太遠，畢竟實現(xiàn)了，新手的學習信心會更強。

1、演示

image.png

image.png

image.png

image.png

我的這個提示有點簡單大家可以弄個樣式即可。因為不同框架后臺返回的信息格式均不一樣，就做個最簡單的通用。

你可以把這個新彈出的頁面做成多圖編輯頁面，在對應(yīng)信息后面加上一個按鈕
（1）前臺列表頁關(guān)于鏈接按鈕

<a title="上傳圖片"  onclick="x_admin_show('多圖','{:url(\'Office/UploadImg\')}?id={$vo.id}')" href="javascript:;">
                    <i class="layui-icon">&#xe64a;</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ù)據(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']]);
        // 驗證修改結(jié)果
        if ($res) {
            // 返回修改成功信息
            return '<p style="text-align: center;">修改成功！</p>';
        } else {
            // 返回修改失敗信息
            return '<p style="text-align: center;">修改失??！</p>';
        }
    }

你如果不想單獨圖片管理，也可以做成添加頁面或修改頁面。
列表頁后臺我就不給大家了，看自己的項目，如果這個文章還是看不懂，建議去匯找一套TP5網(wǎng)站或者個人博客過程，跟1-2遍，做到自己不看視頻，看案例的代碼，哪怕是付部分復制代碼，可以單獨的做出來，這套多圖上傳完全可以弄到自己項目里頭去的。