2024年前端最新vue3实现图片上传转base64格式_vue3 图片转base64(1)，2024年最新面试建议着正装

总结

大厂面试问深度，小厂面试问广度，如果有同学想进大厂深造一定要有一个方向精通的惊艳到面试官，还要平时遇到问题后思考一下问题的本质，找方法解决是一个方面，看到问题本质是另一个方面。还有大家一定要有目标，我在很久之前就想着以后一定要去大厂，然后默默努力，每天看一些大佬们的文章，总是觉得只有再学深入一点才有机会，所以才有恒心一直学下去。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

使用一个<input>元素来上传图片，并使用JavaScript的FileReader API将图片转换为Base64编码。

<template>
  <div class="avatar-upload">
    <label for="avatar-upload-input">
      <img :src="form.formObj.user_pic ? form.formObj.user_pic : '../../../public/default.jpg'" id="avatar-preview" alt="Avatar preview">
      <p style="margin-bottom: 15px;">头像上传</p>
    </label>
    <input type="file" @change="updataAvatar" id="avatar-upload-input" style="display: none;">
</div>
<