基于egg的UEditor百度编辑器后端实现,支持图片

egg-ueditor

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

安装

npm install egg-ueditor --save 使用方法 在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

可以修改 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 非常感谢您的支持

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

版权声明:

1、该文章(资料)来源于互联网公开信息,我方只是对该内容做点评,所分享的下载地址为原作者公开地址。
2、网站不提供资料下载,如需下载请到原作者页面进行下载。