百度UEditor富文本编辑器，怎么实现图片转Base64编码，不上传到服务器

Question

百度UEditor富文本编辑器，怎么实现图片转Base64编码，不上传到服务器？试试csdn很多方法还是提示后端配置项没有正常加载，上传插件不能正常使用! 或者是修改了ueditor.all.js之后只是保存了，还需要其他操作吗？后面一直在ueditor.all.js修改

Answer 1

阿里嘎多学长整理AIGC生成，因移动端显示问题导致当前答案未能完全显示，请使用PC端查看更加详细的解答过程

百度UEditor富文本编辑器，怎么实现图片转Base64编码，不上传到服务器

你遇到的问题是UEditor富文本编辑器在不上传图片到服务器的情况下，如何将图片转换为Base64编码。UEditor提供了一个名为imageBase64的配置项，可以将图片转换为Base64编码。

你可以在UEditor的配置文件ueditor.config.js中添加以下代码：

config.imageBase64 = true;

这样，UEditor将在图片上传时将图片转换为Base64编码，而不是上传到服务器。

如果你使用的是Vue.js，可以在Vue组件中使用UEditor时，传递imageBase64配置项：

<UEditor :config="config" />

其中，config是一个对象，包含了UEditor的配置项：

export default {
  data() {
    return {
      config: {
        imageBase64: true
      }
    }
  }
}

这样，UEditor将在图片上传时将图片转换为Base64编码，而不是上传到服务器。

如果你遇到了问题，可能是UEditor的配置项没有正常加载，可以尝试检查UEditor的配置文件和Vue组件中的配置项是否正确。