vue+ Element-UI 中 使用Upload上传图片关于action的使用
element
A Vue.js 2.0 UI Toolkit for Web
项目地址:https://gitcode.com/gh_mirrors/eleme/element
免费下载资源
·
<el-form-item label="图片">
<el-upload
class="avatar-uploader"
:action="actionUrl"
:show-file-list="false"
:on-success="handleAvatarSuccess"
:before-upload="beforeAvatarUpload"
:headers="headers"
name="file"
v-loading="upImgLoading"
element-loading-spinner="el-icon-loading"
>
<img v-if="newImageUrl" :src="newImageUrl" class="avatar" />
<i v-else class="el-icon-plus avatar-uploader-icon"></i>
</el-upload>
</el-form-item>
action:上传图片的地址(官方规定必传)
actionUrl: fileurl, //请求的地址(封装好的)
写在data里面
还有就是在headers里边添加token值,如下:
headers: { Authorization: Cookies.get("SET_TOKEN") }, //请求头,
写在data里面
GitHub 加速计划 / eleme / element
54.06 K
14.63 K
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45
6 个月前
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 6 个月前
更多推荐
已为社区贡献4条内容
所有评论(0)