iview 组件设置头像更换

柔光的暖阳◎ 2023-01-09 15:31 161阅读 0赞

# 基于iview 组件 设置头像更换 #

<div style="width: 100%;height:100%;">
                        <div style="height: 100%;">
                            <Upload :on-success="uploadSuccess" :show-upload-list="false" accept="image/png, image/jpeg" :action="接口?id='+ projectIds" >
                                <img alt="" :src="imgStr" class="user-header-img user-header-com">
                            </Upload>
                        </div>
                      </div>

// 头像
        uploadSuccess(response) { 
          this.imgStr = "";
          this.uploadSuccessok();
        },
        uploadSuccessok() { 
          let ret = "ProjectIcon";
          new Promise((resolve, reject) => { 
            cityProject
              .uploadIcon(this.$route.query.id || localStorage.getItem("id"), ret)
              .then((response) => { 
                if (response.result.length === 0) { 
                  this.imgStr = require("@/assets/images/drawable-xhdpi.png");
                } else { 
                  this.imgStr = response.result[0].publicFileURL;
                }
              })
              .catch((error) => { 
                reject(error);
              });
          });
        },

发表评论取消回复

表情：

评论列表（有 0 条评论，161人围观）

还没有评论，来说两句吧...

相关阅读

相关 vue+iview:Avatar 头像不显示问题

本来的代码是这样的 <Avatar src="../../../assets/image/rebot.jpg" size='large'/> 结果显示 ![

爱被打了一巴掌/ 2023年01月14日 01:45/ 0 赞/ 141 阅读

相关 iview 组件设置头像更换

基于iview 组件设置头像更换  <div style="width: 100%;heig

柔光的暖阳◎/ 2023年01月09日 15:31/ 0 赞/ 162 阅读

相关 iview组件库 - 穿梭栏设置

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ub

超、凢脫俗/ 2023年01月07日 03:40/ 0 赞/ 222 阅读

相关打造微信圆形头像更换

很多都会发现微信的头像不是圆形，而今天我将浅谈一下，如何实现圆形头像。QQ5.0以后的版本就是圆形头像了而微信不是。当然了实现圆形头像的方法有很多种，可以使用开源的库，可以去写

「爱情、让人受尽委屈。」/ 2022年08月10日 09:53/ 0 赞/ 184 阅读

相关基于 Vue.js 的 UI 组件库 iView

iView 详细介绍 iView 是一套基于 [Vue.js][] 的 UI 组件库，主要服务于 PC 界面的中后台产品。 ![iView][] 特性高质量、功

r囧r小猫/ 2022年05月18日 06:08/ 0 赞/ 305 阅读

相关更换头像时Picasso清除缓存

Picasso.with(context) .load(uri1) .resize(200,200)

我不是女神ヾ/ 2022年04月02日 15:58/ 0 赞/ 157 阅读

相关 iview组件Select使用与回显

数据库存入的是数字，select菜单根据数字显示文字，并且对字段进行改查以及回显 1、编辑页面 <i-select v-model="edit.type" styl

Dear 丶/ 2022年02月19日 14:43/ 0 赞/ 1993 阅读

相关 VUE- iView组件框架的使用

VUE- iView组件框架的使用 1. 下载iView 工程。 ![880909-20190726163634491-1516165653.png][]

╰半橙微兮°/ 2021年10月18日 19:16/ 0 赞/ 396 阅读

相关 mpvue - mpvue使用iView Weapp组件库

前言 iView weapp 是iview针对微信小程序开发组件库。 iView Weapp 地址：[https://weapp.iviewui.com/

川长思鸟来/ 2021年09月19日 18:44/ 0 赞/ 430 阅读

相关 iview的Select组件filterable

<FormItem label="国家"> <Select v-model="country" ref="sel" filterable>

比眉伴天荒/ 2021年06月11日 15:14/ 0 赞/ 828 阅读