將本地圖像轉換為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 /文件對象。