dom - 显示从 Github 获取的个人资料图片

Question

我是一个新手，正在尝试显示来自我的 Github 个人资料的图像，而不是将其硬编码到 HTML 中。目前，我已经编写了以下代码，并且该对象正在我的 Javascript 控制台中显示。

const APIURL = 'https://api.github.com/users/'

getUser('JetimLee')


async function getUser(username) {
  try {
    const {
      data
    } = await axios(APIURL + username)

    console.log(data)
  } catch (err) {
    console.log(err)

 } 
}

我的问题是 - 如何从要显示的配置文件中获取图像？非常感谢您！

标签： dom

Answer 1

您有一个 avatar_url 字段，将其值设置为 html 中图像标签的来源。

例子：

const data = await axios('link');
const imgTag = document.getElementById('git-user-id');
imgTag.setAttribute('src', data.avatar_url);