如何返回我可以使用的 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)
},