Javascript readAsDataURL-将图像获取为Base64

我正在使用readAsDataURL加载图像，如下所示

函数预览文件（）{
console.log（'启动函数'）
var preview=document.querySelector（'img'）；
var file=document.querySelector（'input[type=file]'）。files[0]；
var reader=new FileReader（）；
reader.addEventListener（“加载”，函数（）{
preview.src=reader.result；
(不正确),；
如果（文件）{
reader.readAsDataURL（文件）；
  }
canvas=document.getElementById（“预览”）；
imageData=canvas.toDataURL（“image/jpeg”）；
console.log（imageData）
}

您的HTML元素应该是画布而不是图像：

<input type="file" onchange="previewFile()"><br>
<canvas id="preview" height="200" />