vue项目中上传头像（包含axios上传）

引用地址：https://blog.csdn.net/LLDD2014425/article/details/88314417

样式部分借鉴了上面地址，可以做到点击后吧图片信息获取到，还有图片显示在页面
效果如下：

点击后：

axios：上传引用网址：https://www.cnblogs.com/zhang-can/p/9116159.html
我的代码如下：
html：

<FormItem label="上传图片:">
            <div class="hello">
          <div class="user-header">
            <input type="file" name="image" accept="image/*" @change='onchangeImgFun'
             class="header-upload-btn user-header-com">
            <img  alt="" :src='imgStr' class="user-header-img user-header-com">
            <p class="tip">图片限制50kb <span class="error">{{errorStr}}</span></p>
          </div>
      </div>
            
           </FormItem> 

js：