Javascript Vue将图像转换为base64

我想将本地映像转换为base64。reader.readAsDataURL不工作。我总是为rawimgvar获取一个未定义的值。文件var的值是我尝试上载的文件中的元数据。

HTML:

---

如果直接从

readAsDataURL

设置图像，它将不起作用，该图像始终返回

undefined

。相反，请使用

onloadend

事件：

const file=document.querySelector（'input[type=file]”）。文件[0]
const reader=new FileReader（）
让拉维姆；
reader.onloadend=（）=>{
rawImg=reader.result；
console.log（rawImg）；
}
reader.readAsDataURL（文件）；
console.log（文件）

.readAsDataURL

是异步的提示：循环

[0]

walla。。多文件上传

<input
  type="file"
  accept="image/jpeg/*"
  @change="uploadImage()"
/>

uploadImage() {
  const file = document.querySelector('input[type=file]').files[0]
  const reader = new FileReader()

  const rawImg = reader.readAsDataURL(file)
  console.log(file)
  console.log(rawImg)
}