element :解决Upload 上传显示多张图片的问题(已解决)

目录:
一、我的需求:
二、结果描述:
三、相关的代码

一、我的需求:
实现上传图片,并且只上传一张,多了上传后也只显示第一张上传的图片,上传后只显示上传的图片,不显示上传按钮的+号以及那个方框盒子。取消上传或者上传后再删除上传的图片,要显示方框盒子
二、结果描述:
上传前:显示默认的图片,以及鼠标悬停在图片处提示可以修改的字(“点击修改头像”),如下
在这里插入图片描述
上传后:只显示当前上传的图片(不显示多张),如:
在这里插入图片描述
控制对话框的部分代码。

<el-dialog title="修改个人信息" :visible.sync="updateInfoVisible" width="30%" @close="resetInfoForm" center>
			<el-divider></el-divider>
			<!-- 表单区域 -->
				<el-form-item label="修改头像" prop="portrait">
					<!-- 上传头像-->
					<el-upload name="portrait" ref="upload" :class="{ disabled: uploadDisabled }" action="http://***" accept=".jpg,.jpeg,.png,.gif,.bmp,.JPG,.JPEG,.PBG,.GIF,.BMP"
					:auto-upload="false" :headers="headerObj" :on-remove="handleRemove" :on-success=
  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值