我如何在列表中设置用户图像和头像，如果用户上传图像，则显示用户图像，否则显示头像

<!-- HTML -->
<ul id="user-list">
  <!-- 用户列表项 -->
</ul>

// JavaScript
// 假设用户数据存储在一个数组中
const users = [
  { name: "用户1", avatar: "path/to/user1.jpg" },
  { name: "用户2", avatar: "" },
  // 其他用户数据
];

// 渲染用户列表
const userList = document.getElementById("user-list");
users.forEach(user => {
  const listItem = document.createElement("li");
  const image = document.createElement("img");
  
  // 判断用户是否上传了图像
  if (user.avatar) {
    image.src = user.avatar;
  } else {
    image.src = "path/to/default-avatar.jpg";
  }
  
  listItem.appendChild(image);
  listItem.appendChild(document.createTextNode(user.name));
  userList.appendChild(listItem);
});