前提:在elemnet-ui中组件能应用的情况下,在vue项目中使用el-upload上传组件 在main.js中注册el-upload后
<el-upload
class="avatar-uploader"
action="http://127.0.0.1:3000/api/admin/upload"
:show-file-list="false"
:on-success="handleSuccess"
:before-upload="beforeUpload"
name="banner"
:headers="myHeaders"
>
<img
v-if="bannerObj.imgUrl"
:src="bannerObj.imgUrl"
class="avatar"
/>
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
注意事项 : action:这个值是后台传的地址 name="banner" 是和后台传的参数一致 :headers="myHeaders" 存token
由于此处是post接口,所有需要带token (我使用