vue实现图片上传

项目中用到的是上传头像，前端通过input[type="file"]来选择图片，给后端传递一个formData格式的数据，然后上传。代码如下：

我写了个组件，参数如下：

uploadType: 上传类型

width: 图片显示的宽度

height: 图片显示的高度

imgUrl: 如果之前有图片，图片的路径地址

getImgUrl: 在组件里上传成功之后，会得到图片路径的相关参数，该方法在父组件里面调用来获取子组件里返回的图片路径参数，这个事件要看需求，在父组件里需不需要上传之后返回的图片的相关路径，若不需要就不用写。

<upload :uploadType="`head`" :imgWidth="`85px`" :imgHeight="`104px`" :imgUrl="imgUrl"
    @upload="getImgUrl"></upload>
    

//接收子组件emit的事件
getImgUrl(data) {
   //data  得到的就是返回的图片路径的相关参数
}

//upload组件里的代码
<template>
    <div class="avatar">
        <div &#