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里边,现在可以直接获取
GitHub 加速计划 / eleme / element
10
1
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:5 个月前 )
c345bb45
9 个月前
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 9 个月前
更多推荐
已为社区贡献11条内容
所有评论(0)