用户图标不和谐

在我们开发Web应用程序时，有时候需要使用用户头像或者用户图标来展示用户信息。但是，我们要注意到用户提供的头像和图标中可能会存在一些不和谐的内容。

为了保护用户、保证平台的安全和良好的社交氛围，我们需要对用户上传的头像和图标进行鉴别，判断是否合规，不合规的图标需要进行过滤。

通常，我们可以通过编写Javascript代码来实现对用户头像和图标的过滤功能。具体实现如下：

let allowList = ['jpg', 'png', 'gif']; // 允许上传的图片格式
let imgElem = document.createElement('img'); // 创建一个 img 元素

function checkAvatar(avatar) {
  let imgFormat = avatar.split('.').pop().toLowerCase(); // 获取头像的后缀名并转换为小写
  if (allowList.indexOf(imgFormat) === -1) { // 如果格式不在允许列表中
    avatar = 'default.jpg'; // 将头像设置为默认头像
  }
  return avatar;
}

imgElem.src = checkAvatar('userAvatar.gif'); // 调用 checkAvatar 函数过滤头像

以上代码会根据预设的允许上传图片格式，将不合规的头像替换为默认头像，并返回符合规定的头像。

通过以上操作，我们可以有效地过滤用户上传的不和谐头像，保障平台的良好环境，增强用户体验。