vue 图片压缩 转 base64 上传图片

因业务需求，公司项目需要用到 图片上传，压缩，转 base64，而这些都是在前台实现的。我之前也没在 vue 里写过这种逻辑和代码，在我的耐心钻研下，终于交付了代码和功能。

现在想把代码发布出来，分享给大家!!!

前端页面

一丶template

<template>
  <div class="identityID">
    <x-header :left-options="{backText: ''}" :title="this.$route.meta.title"></x-header>
    <div class="toptip">
      <span>为了保证联盟内用户安全需要对您身份进行验证，您的个人信息将完全保密。</span>
    </div>
    <flow>
      <flow-state is-done title="身份证"></flow-state>

      <flow-line :line-span="48"></flow-line>

      <flow-state title="驾驶证"></flow-state>

      <flow-line :line-span="48"></flow-line>

      <flow-state title="行驶证"></flow-state>
    </flow>
    <div class="content">
      <p class="title">拍摄身份证</p>
      <div class="imgbox">
        <img :src="IDc1" alt="">
        <img :src="IDc0" alt="">
        <span class="ltitle" v-show="IDc1T">拍摄正面</span>
        <span class="rtitle" v-show="IDc0T">拍摄反面</span>
        <input accept="image/png,image/jpeg,image/jpg" class="idimg" id