wangEditor上传不了图片

93 阅读 0 评论 62 点赞

我是靠谱客的博主无奈酸奶，最近开发中收集的这篇文章主要介绍wangEditor上传不了图片，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

wangEditor

Typescript 开发的 Web 富文本编辑器，轻量、简洁、易用、开源免费

vue引入wangEditor之后遇见一个问题，在编辑器中图片上传的时候会报错，图片导入不进去

通过报错找出原因，图片是上传到服务器的，服务器会经常出问题，所以上传图片最好换成Base64的。这时要注意存储图片的参数类型，Base64生成的字符非常长，所以类型最好是String类型，范围最大255

具体做法是找到配置：

editor.config.uploadImgServer = true
改为
editor.config.uploadImgShowBase64 = true

editor.config.uploadImgShowBase64 = true 可使用 base64 格式保存图片。即，可选择本地图片，编辑器用 base64 格式显示图片。
【注意】uploadImgShowBase64（base64 格式）和 uploadImgServer（上传图片到服务器）两者不能同时使用！！！