帝国CMS插件开发

帝国CMS插件 · AI · 模板

您当前的位置:首页 > 帝国CMS插件

帝国 CMS 编辑器批量上传图片插件 多图一键上传工具

插件介绍

帝国CMS批量上传图片插件,解决编辑器多图上传效率低下的痛点。支持一次性选择多张图片批量上传、图片预览与单张删除、自动插入编辑器,无缝集成帝国CMS系统。

功能特点

  • 批量选择多张图片:一次选择多张图片同时上传,大幅提升编辑效率
  • 图片预览与单张删除:上传前可预览所有图片,支持单张删除不需要的图片
  • 自动上传开关:可配置是否开启自动上传功能,灵活控制上传时机
  • 上传进度条显示:实时显示每张图片的上传进度,用户体验友好
  • 完全复用原生能力:水印、上传格式、文件大小等统一由后台配置控制
  • 极简无侵入:仅新增核心文件,最小化修改系统原有代码

安装步骤

操作前请务必备份数据库及程序文件。

前置准备

  • 备份原版编辑器文件,防止意外情况
  • 建议备份目录:eadmin/admin/ecmseditor/

覆盖安装

如果没有修改过zip包中相关的程序文件,可以复制覆盖即可

手动安装

如果修改过zip包相关的程序文件,需要对照以下修改点手动修改:

文件 1:eadmin/admin/ecmseditor/infoeditor/plugins/batchupload/

① 新建CKEditor插件目录

将 eadmin/admin/ecmseditor/infoeditor/plugins/batchupload/ 整个目录复制到目标站点的相同位置。


文件 2:e/extend/batchupload/upload.php

① 新建上传接口

将 e/extend/batchupload/upload.php 复制到目标站点的相同位置。

如果文件已存在,请覆盖原文件。


文件 3:eadmin/admin/ecmseditor/infoeditor/config.js

① CKEditor配置(第 120 行附近)

在 config.extraPlugins = 这一行,添加 'batchupload'

config.extraPlugins = 'etranfile,etranmedia,etranmore,autoformat,ecleanalltext,einsertbr,einsertpage,einserttime,equotetext,batchupload';

文件 4:eadmin/admin/ecmseditor/eshoweditor.php

① 加载插件资源(第 56-61 行之间)

在 ECMS_ShowEditorJS 函数中,返回语句之前,插入以下代码:

$rhashPair = hReturnEcmsHashStrAll();
$formHash = heformhash_getr('ecmseditor', 1);
$loadjs.='<script>var rhashPairWhHref = "'.$rhashPair["whhref"].'"; var formHashName = "'.$formHash['vname'].'"; var formHashValue = "'.$formHash['vval'].'";</script>';
$loadjs.='<link rel="stylesheet" href="'.$basepath.'plugins/batchupload/css/batchupload.css">';
$loadjs.='<script type="text/javascript" src="'.$basepath.'plugins/batchupload/js/jquery.min.js"></script>';
$loadjs.='<script type="text/javascript" src="'.$basepath.'plugins/batchupload/js/axios.min.js"></script>';

修改完成后,清除浏览器缓存并刷新后台页面即可使用批量上传功能。

插件截图




 

配置步骤

本插件无需额外配置,安装完成后即可直接使用。

  1. 清除浏览器缓存
  2. 刷新帝国CMS后台页面
  3. 进入文章编辑页面测试批量上传功能

注意事项

  • 本插件完全复用帝国CMS原生上传规则,包括文件格式、大小限制、水印等

Wayne

联系方式

微信QR QQ QR
返回首页