如何返回我可以使用的 Base64<img src="renderedImg(photo)">

Question

我沒有找到答案。 同樣的問題是如何在 JavaScript 中將文件轉換為 base64？ .

previewPhoto (photo, id) {
  const preview = document.getElementById(id)
  const reader = new FileReader()

  reader.onloadend = function () {
    preview.src = reader.result
  }
  reader.readAsDataURL(photo)
},

在那里，我只是用 querySelector 替換元素中的 src 值。 但在可能的情況下，我需要這樣的東西：

previewPhoto (photo) {
  const readyToSrcImg = fileToImg(photo)

  return readyToSrcImg
},

有人知道這個案子嗎？

Answer 1

不要使用 FileReader 將圖像預覽為 base64 - 它會浪費時間進行編碼/解碼並使用更多 memory - 意思是：它更慢。

使用URL.createObjectURL(file)創建指向原始二進制文件的引用鏈接

previewPhoto (photo, id) {
  const preview = document.getElementById(id)
  preview.src = URL.createObjectURL(photo)
},