<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
15
3
下载
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 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐