时间戳

首页 > 解决方案 > Discord API Gif 头像

javascript - Discord API Gif 头像

问题描述

我正在制作一个不和谐的机器人仪表板，如果登录时显示他们的头像，我会喜欢它。我已经成功地让它工作了。这是我的反应代码：

<div>
  {user.avatar === 'null' ?
     <img onClick={toggleMenu} src={discord} width="40px" height="40px" className="uimg" />
  :
     <img onClick={toggleMenu} src={`https://cdn.discordapp.com/avatars/${user.discordId}/${user.avatar}.png`} width="40px" height="40px" className="uimg" />
  }
</div>

这使得他们的头像出现。如果他们的头像是 gif，我希望它像 gif 一样动画。我知道我可以放${user.avatar}.gif而不是，png但是 png 图像不会出现。有谁知道如何测试他们的头像是否是gif？

标签： javascriptreactjsrestdiscordgif

解决方案

我找到了答案！！

而不是这个

 <img onClick={toggleMenu} src={`https://cdn.discordapp.com/avatars/${user.discordId}/${user.avatar}.png`} width="40px" height="40px" className="uimg" />

我将删除.png这样的：

 <img onClick={toggleMenu} src={`https://cdn.discordapp.com/avatars/${user.discordId}/${user.avatar}`} width="40px" height="40px" className="uimg" />

推荐阅读