- action:图片上传的地址
- 注意:我们一般设置的基地址是axios的基地址,要通过axios发请求才会添加上基地址,这里上传用的不是axios,所以路径不能简写
- headers:请求头,因为一般是在axios请求拦截里添加了请求头,加了token,所以这里上传需要手动加token
- name:上传的参数名,默认是file,要跟接口要求的一致
- http-request:是一个函数,作用是自定义上传行为,因为现在默认只能发post请求,比如要发patch请求,需要自定义
<el-upload
class="avatar-uploader"
action="https://jsonplaceholder.typicode.com/posts/"
:headers="headers"
name="image"
:show-file-list="false"
>
<img v-if="imageUrl" :src="imageUrl" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>