将本地图像转换为base64数据答案

【问题标题】：convert local image to base64 data将本地图像转换为base64数据
【发布时间】：2018-08-13 01:59:43
【问题描述】：

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' 类型。

这就是我尝试过的 - 如果你有可行的答案 = 请分享它

【问题讨论】：

标签： javascript html image input

【解决方案1】：

尝试改变

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

到

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

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

【讨论】：