Element-UI 中 Upload上传组件的action使用问题
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
·
<el-upload
class="avatar-uploader"
v-loading="loading"
element-loading-spinner="el-icon-loading"
element-loading-background="rgba(0, 0, 0, 0.8)"
:action="actionUrl"
:headers="{ 'Authorization': token }"
:auto-upload="true"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload">
<img v-if="userForm.avatarPath" :src="userForm.avatarPath" class="avatar">
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
action:上传图片的地址(官方规定必传)
action的接口地址拼接如下:
actionUrl: baseUrl + '/api/users/updateAvatar', // 这是在data里边定义的
还有就是在headers里边添加token值,如下:
:headers="{ 'Authorization': token }" // 在el-upload标签上定义此属性即可
token: localStorage.getItem('token') // data里边定义,这是事先将token存在了Storage里边,现在可以直接获取
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:4 个月前 )
c345bb45
1 年前
a07f3a59
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update transition.md
* Update table.md
* Update table.md
* Update transition.md
* Update popover.md 1 年前
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐


所有评论(0)