How to return Base64 which I can use with

Question

I did not found answer. The same problem is How to convert file to base64 in JavaScript?.

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

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

There I just replace the src value in element by querySelector. But in may case I need something like this:

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

  return readyToSrcImg
},

Does anyone know about this case?

score 1 · Answer 1 · answered Jun 11 '21 at 14:50

Don't use the FileReader to preview a image as base64 - it waste time to encode/decode and uses more memory - meaning: it's slower.

Use URL.createObjectURL(file) to create a references link to the raw binary instead

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

How to return Base64 which I can use with

1 Answers1