VueQuillEditor如何实现非base64格式的图片上传功能？

本文共计1232个文字，预计阅读时间需要5分钟。

前言：本篇文章将介绍vue-quill-editor组件上传图片的那些事儿，通常来说，我们数据库内都是保存图片的路径，所以上传完图片后，要回传一个路径给前端。

第一步：

前言

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

本文中使用了element-ui框架来帮助我完成前端展示工作。

上传图片

上传图片也有几种方式，比如直接使用file控件上传到指定地址，又或者是借助封装好的上传按钮上传图片，如果是base64传到后台，还需要转回图片原格式加以保存，如果是二进制图片流则直接传到服务器即可。