vue使用mavon-editor将本地图片base64格式上传后端并回显

将本地图片以base64格式上传给后端，并回显到页面上

• npm install mavon-editor --save
• markdown/index.vue

<template>
  <div>
    <div id="editor">
      <mavon-editor
        style="height: 100%"
        v-model="doc"
        ref="md"
        @imgAdd="$imgAdd"
        @imgDel="$imgDel"
      ></mavon-editor>
    </div>
  </div>
</template>

<script>
import { mavonEditor } from "mavon-editor";
import "mavon-editor/dist/css/index.css";
import { uploadImg } from "@/api/markdown";

export default {
  name: "editor",
  components: {
    mavonEditor,
  },

  data() {
    return {
      doc: ""
    };
  },

  methods: {
    // 绑定@imgAdd event
    $imgAdd(pos, $file) {
         // 将图片上传到服务器.
        var base64Data = $file.miniurl.replace(/^data:image\/\w+;ba