将本地图像转换为base64数据

Question

HTML代码

<input id="file-input" accept="image/png, image/jpeg" type="file" name="name" />

选择图像后，我运行此代码

var file = $("#file-input").val();
console.log(getBase64(file));

这是getBase64函数

function getBase64(file) {
  return new Promise((resolve, reject) => {
    const reader = new FileReader();
    reader.readAsDataURL(file);
    reader.onload = () => resolve(reader.result);
    reader.onerror = error => reject(error);
  });
}

此函数会引发此错误：

无法对'FileReader'执行'readAsDataURL'：参数1不是'Blob'类型。

那就是我尝试过的-如果您有可行的答案=请分享

Answer 1

尝试改变

var file = $("#file-input").val();

至

var file = $("#file-input")[0].files[0];

在这种情况下， .val()实际上并未返回您想要的Blob /文件对象。