插件介绍
帝国CMS图集模型图片集批量图片批量上传插件，替换帝国CMS默认的"图片集(morepic)"字段为现代化的React批量上传界面，支持后台管理员和前台会员投稿两种使用场景，提供拖拽上传、批量上传、水印控制等功能。
功能特点
- 拖拽上传：支持拖拽图片到上传区域，自动填充对应行的大图地址
- 批量上传：一键批量上传所有已添加的图片，实时显示上传进度和当前文件名
- 拖拽排序：支持拖拽调整图片顺序
- 图片校验：自动校验文件类型（按系统白名单）、文件大小（按系统限制）、图片尺寸有效性
- 水印控制：可开关图片水印
- 数据兼容：兼容已有数据时自动解析图片集字段内容
- 文件入库：上传成功后自动写入帝国CMS文件表，与系统原生文件管理无缝集成
- 前后端分离架构：前端基于 React 19 + TypeScript + Ant Design 构建，后端提供标准RESTful API接口
安装插件
1、操作前请务必备份数据库及程序文件。
2、上传插件程序文件，若未修改过站点原版对应程序文件，可直接复制覆盖；若已有自定义修改，需对照插件文件手动安装
3、本插件无安装脚本，如需使用后台菜单需手动在帝国CMS后台注册。
使用插件
配置字段表单
依次进入：后台 → 数据表与系统模型 → 管理数据表 → 管理字段 → 图片集(morepic)
在「输入表单替换html代码」文本框开始位置插入以下代码：
<div
data-album-batch-field="morepic"
data-edit="<?= !$ecmsfirstpost ?>"
data-raw="<?= ehtmlspecialchars(stripSlashes($r['morepic'])) ?>"
>
</div>
<?php
require_once(ECMS_PATH . 'e/extend/albumModelBatchUpload/views/addNews.php');
?>
> 前台投稿：如需前台会员投稿使用，在「投稿表单替换html代码」中输入相同代码即可。
添加空行
输入数量后点击「添加」按钮，批量添加空白项，然后逐项上传图片和填写说明。
上传图片
- 单行上传：点击每行的上传按钮，选择单张图片上传
- 批量上传：拖拽多张图片到上传区域，或点击「批量上传」按钮一次性选择多张图片，系统按顺序逐张上传并显示实时进度
图片管理
- 水印开关：上传前可配置是否添加水印，偏好自动保存，下次打开沿用
- 查看大图：点击已上传的图片可放大预览
- 重新上传：点击上传区域可替换已有图片
- 删除：移除不需要的图片
- 图片说明：可填写图片简介文字
前台投稿
会员通过前台投稿时，页面展示与后台一致，上传功能完全相同。
卸载插件
- 删除插件目录
e/extend/albumModelBatchUpload - 恢复模型配置和相关文件的修改
作者：fhqdgv.cn
