CKEditor 4.x 批量图片上传插件

插件仓库

传送门：https://github.com/1107115073/CKEditor-uploads；

觉得可以的话，记得点个星喔。

以下图片为效果图

使用流程

下载CKEditor 4.x
- 请到官网去下载，这是官网的链接 https://ckeditor.com/ckeditor-4/download/
配置插件
- 将 uploads 插件复制到 CKEditor 目录下的 plugins 目录。
- 在 CKEditor 目录的 config.js 中启动插件。
- 在 CKEditor 目录的 config.js 中配置图片上传URL。

参考配置

CKEDITOR.editorConfig = function(config) {// 启用插件config.extraPlugins = 'uploads';// 上传URL，该 URL 规范遵循 CKEditor 图片上传规范config.filebrowserBrowseUrl = 'http://127.0.0.1:8110/system/upload';config.filebrowserUploadUrl = 'http://127.0.0.1:8110/system/upload';// CKEditor图片上传接口返回格式/*成功返回:{"fileName": "8S[TBUTHJ5EXE}2F5LBE1]D.png","uploaded": 1,"url": "https://ckeditor.com/apps/ckfinder/userfiles/images/8S%5BTBUTHJ5EXE%7D2F5LBE1%5DD.png"}  失败返回：{"uploaded": 0,"error": {"message": "失败原因"}}*/};

CKEditor 4.x 批量图片上传插件相关推荐

think php上传图片,基于ThinkPHP5.0实现图片上传插件
这篇文章主要介绍了关于基于ThinkPHP5.0实现图片上传插件,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下 thinkphp5.0 图片上传插件可预览裁剪图片和保存原图片,执行裁剪 ...
WebUploader文件图片上传插件的使用
最近在项目中用到了百度的文件图片上传插件WebUploader.分享给大家需要在http://fex.baidu.com/webuploader/download.html点击打开链接下载WebUp ...
jquery.photoClip.js图片上传插件带拖动裁剪
下载地址 jquery.photoClip.js是一款图片上传插件,可以拖动选择裁剪的区域. dd:
php 上传图片控件,ThinkPHP5.0实现图片上传插件实例分享
thinkphp5.0 图片上传插件可预览裁剪图片和保存原图片,执行裁剪图片后会删除裁剪的原图片目录,以便减少空间.具体实现代码大家参考下本文,希望能帮助到大家. 效果预览图: 该插件主要功能是:可 ...
java 图片上传控件_Javashop 图片上传插件使用指南
一.概述 Javashop 图片上传插件是一款基于WebUploader插件所封装的上传图片插件. 可用于快速生成上传图片页面,有如下特点: 基于freemarker指令模式所编写,只需一个指令,并且 ...
.net core image怎么保存_轻量级Vue图片上传插件——Vue-core-image-Upload
介绍 vue-core-image-upload 是一款轻量级的 Vue.js 上传插件,它可以支持的图片的上传,裁剪,压缩.它同样也支持在移动端的图片处理,它定义了诸多上传周期,你可以自由的进行流程 ...
Bootstrap FileInput 图片上传插件
最近找了一个比较好用的图片和文件上传插件,Bootstrap-file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax同步或异步上传,无论是aspx.net 还是MVC.ne ...
webuploader实现批量图片上传功能
这个功能是我来新公司做的第一个工作.因为新公司的一个项目是涉及到房产中介管理系统,所以需要提供用户批量上传图片的功能.于是在网上找到了webuploader插件,调用这个api功能. WebUploa ...
php模板多图上传插件,PHP+jQuery+Ajax多图片上传插件
注:本地预览无效,需要在服务断运行使用方法 HTML 首先我们在页面上放置个上传按钮,使用POST提交到ajax.php.#ul_pics 用来显示上传完毕后的图片.关于按钮.进度条.图片垂直居中样 ...
bootstrap展示导入的图片_BootstrapFileInput 图片上传插件详解
插件描述:样式非常美观,并且支持上传文件预览,ajax同步或异步上传,拖曳文件上传等炫酷的功能,完全没有理由不去使用 file input插件功能如此强大,样式非常美观,并且支持上传文件预览,ajax ...

CKEditor 4.x 批量图片上传插件

CKEditor 4.x 批量图片上传插件

插件仓库

以下图片为效果图

使用流程

参考配置

CKEditor 4.x 批量图片上传插件相关推荐

最新文章

热门文章