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