选中图片文件后以base64格式预览头像图片

使用Base64预览头像图像后再上传主要有以下几个原因：

1.方便预览和校验

• 在上传头像之前，通过Base64编码预览图片，用户可以直观地看到所选图片的效果，从而判断是否需要更换或调整。
• 同时，预览功能也能帮助用户及时发现图片是否存在问题，如尺寸不合适、格式不支持等，避免上传无效图片。

 2.减少HTTP请求：

• 在传统的图片上传流程中，用户首先选择图片并上传至服务器，然后服务器返回图片的URL供前端使用。这种方式需要至少两次HTTP请求：一次是上传图片，另一次是获取图片的URL。
• 使用Base64编码后，图片数据被转换为一段字符串，可以直接嵌入到HTML或CSS中，无需额外的HTTP请求来获取图片资源。这有助于减少服务器的负载和网络带宽的消耗。

 实现如下：

1.创建一个文件上传控件，使用<input>标签并将type属性设置为file

 <