使用ueditor进行图片上传、保存、存入数据库

话不多说,直接写方法(PHP版本的)。

打开php/config.json文件

 "imageActionName": "uploadimage", /* 执行上传图片的action名称 */
    "imageFieldName": "upfile", /* 提交的图片表单名称 */
    "imageMaxSize": 20480000, /* 上传大小限制,单位B */
    "imageAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 上传图片格式显示 */
    "imageCompressEnable": true, /* 是否压缩图片,默认是true */
    "imageCompressBorder": 1600, /* 图片压缩最长边限制 */
    "imageInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageUrlPrefix": "http:localhost", /* 图片访问路径前缀  */
    "imagePathFormat": "/imageaaa/{yyyy}{mm}{dd}/{time}{rand:6}", /* 
/* 列出指定目录下的图片 */
    "imageManagerActionName": "listimage", /* 执行图片管理的action名称 */
    "imageManagerListPath": "/ueditor/php/upload/image/", /* 指定要列出图片的目录 */
    "imageManagerListSize": 20, /* 每次列出文件数量 */
    "imageManagerUrlPrefix": "", /* 图片访问路径前缀 */
    "imageManagerInsertAlign": "none", /* 插入的图片浮动方式 */
    "imageManagerAllowFiles": [".png", ".jpg", ".jpeg", ".gif", ".bmp"], /* 列出的文件类型 */

1、图片保存路径

  "imageUrlPrefix": "http:localhost", /* 图片访问路 写你的域名*/  
"imagePathFormat": "/imageaaa/{yyyy}{mm}{dd}/{time}{rand:6}", /* 保存路径 */

2、图片在线管理的路径

“imageManagerListPath”: “http://localhost“, /* 指定要列出图片的目录 */

3、图片默认插入居中

  "imageInsertAlign": "center", /* 插入的图片浮动方式 */

4、将html代码存入数据库
前台demo.html

var ue = UE.getEditor('editor');
var arr = [];
arr.push(UE.getEditor('editor').getContent());//arr数组里面就是html

5、从数据库读取

和正常一样
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值