html 修改头像自动刷新

要实现修改头像后自动刷新页面，可以使用 JavaScript 监听头像上传的事件，当头像上传成功后，使用 location.reload() 方法重新加载页面。

以下是一个简单的示例代码：

<input type="file" id="avatar" onchange="uploadAvatar()">

function uploadAvatar() {
  // 处理头像上传逻辑，上传成功后执行以下代码
  location.reload();
}

当用户选择了新的头像文件后，会触发 input 元素的 onchange 事件，调用 uploadAvatar() 函数处理头像上传。在头像上传成功后，执行 location.reload() 方法重新加载页面，即可实现修改头像后自动刷新页面的效果。