Vue QuillEditor 富文本图片上传（非Base64）

简介：
Vue QuillEditor是一款基于Quill的富文本编辑器插件，适用于Vue.js项目。此插件支持直接上传图片至服务器而非使用Base64编码方式，提高效率并优化用户体验。 本段落将介绍如何使用vue-quill-editor进行图片上传的相关内容。一般情况下，在数据库内保存的是图片的路径而非实际文件数据，因此完成图像上传后需要向前端返回一个对应的路径信息以实现完整的流程。 具体步骤如下： 1. 上传图片； 2. 将其存储在服务器上，并生成相应的路径记录到数据库中； 3. 向前端回传该图片所在的服务器地址并展示出来。 文中采用了element-ui框架来辅助完成前端的界面设计工作。关于如何进行图像文件传输，主要有几种方式：可以直接通过HTML5中的file控件上传至指定位置；或者使用封装好的按钮组件实现同样的功能；如果是采用Base64编码形式传递给后台的话，则还需要将其转换回原始图片格式再保存；若是以二进制流的方式则可以省去这一步骤直接传输到服务器。在这里，我选择了利用element-ui框架提供的上传控件来完成这项任务。