egg-ueditor,基于egg的UEditor百度编辑器后端实现,支持图片/文件上传、列表及图片远程抓取

egg-ueditor

基于egg的UEditor百度编辑器后端实现,支持图片/文件上传、列表及图片远程抓取
源码:https://github.com/inmyjs/egg-ueditor

安装

 npm install egg-ueditor --save

使用方法

  1. 在app/router.js中如下使用

const ueditor = require('egg-ueditor')

app.all('/ueditor', ueditor())

注意:默认上传至egg静态资源目录app/public,若需要上传至其他目录,如下使用:

app.all('/ueditor', ueditor(['assets/public','public']))

参数为一个数组,第1个参数为静态资源相对目录,第2个参数为静态资源url映射路径。

返回的图片/文件url为完整http地址,以方便前后端分布部署,比如:http://127.0.0.1:7001/public/upload/ueditor/image/20181223/1545560529310279850.png

  1. 可以修改 UEditor 配置,具体的参数请参考 UEditor 官方的文档
// 需要传UEditor 配置对象
router.all('/ueditor', ueditor({
	"imageAllowFiles": [".png", ".jpg", ".jpeg"]
	"imagePathFormat": "/upload/ueditor/image/{yyyy}{mm}{dd}/{filename}"  // 保存为原文件名
}))

或者

// 需要传UEditor 配置对象
router.all('/ueditor', ueditor(['app/public','public']{
	"imageAllowFiles": [".png", ".jpg", ".jpeg"]
	"imagePathFormat": "/upload/ueditor/image/{yyyy}{mm}{dd}/{filename}"  // 保存为原文件名
}))

注意

由于egg对post默认有CSRF 校验,所以前端的上传地址需要这样写:
serverUrl: “/ueditor?_csrf={{ ctx.csrf | safe }}”
如果前后端是分离的,那就这样写:
let csrf = $.cookies.get(‘csrfToken’);
serverUrl: “/ueditor?_csrf=”+csrf
详细说明请查看 https://eggjs.org/zh-cn/core/security.html

非常感谢您的支持

撸码不易,如果对你有所帮助,欢迎您的赞赏!微信赞赏码:

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值