# 头像未在插件中显示

**URL:** <https://meta.discourse.org/t/avatars-not-showing-on-plugin/226901>\
**Category:** Development\
**Created:** [2022年五月12日 21:42 UTC](https://meta.discourse.org/t/avatars-not-showing-on-plugin/226901 "2022-05-12T21:42:52Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![natasha\_selvidge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natasha_selvidge/32/235894_2.png) [@natasha\_selvidge](https://meta.discourse.org/u/natasha_selvidge)\
**Post date:** [2022年五月12日 21:42 UTC](https://meta.discourse.org/t/avatars-not-showing-on-plugin/226901/1 "2022-05-12T21:42:52Z")

</div>

您好，我正在尝试让头像显示在我的插件中，但当我拉取 avatar\_template 时，它显示如下…

src=“/user\_avatar/sitename/natasha/{size}/630932\_2.png”

我认为这与 size 变量有关 🤔

---

<div class="post-metadata">

**Author:** ![keegan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/keegan/32/383395_2.png) [@keegan](https://meta.discourse.org/u/keegan)\
**Post date:** [2022年五月12日 22:31 UTC](https://meta.discourse.org/t/avatars-not-showing-on-plugin/226901/2 "2022-05-12T22:31:26Z")

</div>

如果将字符串中的 `{size}` 部分替换为数字，它应该会生成头像。

也许你可以创建一个计算属性，它接收 `avatar_template` 并将其替换为一个数字，例如：

```js
  @discourseComputed("user.avatar_template")
  avatarSrc(avatarTemplate) {
    return avatarTemplate.replace("{size}", "75");
  },

```

然后在你的模板中调用它：

```hbs
<img src={{avatarSrc}} alt="the profile photo of the user"/>

```

---

<div class="post-metadata">

**Author:** ![natasha\_selvidge](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/natasha_selvidge/32/235894_2.png) [@natasha\_selvidge](https://meta.discourse.org/u/natasha_selvidge)\
**Post date:** [2022年五月12日 22:40 UTC](https://meta.discourse.org/t/avatars-not-showing-on-plugin/226901/3 "2022-05-12T22:40:14Z")

</div>

太棒了！完全成功了。非常感谢！🙌🏼