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

非常感谢您的支持

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

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

你可能感兴趣的:(Node.js)