VueQuillEditor富文本上传图片-非base64

前言

本篇文章将介绍vue-quill-editor上传图片的那些事，通常来说，我们数据库内都是保存图片路径的，所以上传完图片之后，要回传一个路径给前端，这才是完整的上传步骤。
第一步：上传图片，第二步：保存到服务器，并且生成路径保存到数据库，第三步：回传前端，后台图片路径，前端显示图片。
本文中使用了element-ui框架来帮助我完成前端展示工作。

上传图片

上传图片也有几种方式，比如直接使用file控件上传到指定地址，又或者是借助封装好的上传按钮上传图片，如果是base64传到后台，还需要转回图片原格式加以保存，如果是二进制图片流则直接传到服务器即可。
我使用的是element-ui框架里的el-upload组件进行上传，而且这个组件是隐藏的，不会显示出来

<el-upload
            class="avatar-uploader"
            :action="articleImgUrl"
            name="img"
            :headers="headerObj"
            :show-file-list="false"
            :on-success="uploadSuccess"
            :on-error=&