Angular: как создать Blob из файла изображения?

Question

Я пытаюсь сделать предварительный просмотр некоторого файла изображения, который я получаю из ввода, пример файла выглядит так:

Итак Я обнаружил, что для предварительного просмотра файла в первую очередь мне нужно изменить этот файл на Blob, я искал решение и нашел что-то вроде этого:

  private imageFileToBlob(imageFile) {
    const splitedData = imageFile.image.split(',');
    const mime = splitedData[0].match(/:(.*?);/)[1];
    const bstr = atob(splitedData[1]);
    let n = bstr.length;
    const u8arr = new Uint8Array(n);
    while (n--) {
      u8arr[n] = bstr.charCodeAt(n);
    }
    return new Blob([u8arr], {type: mime});
  }

Но я не знаю, как отредактируйте его, чтобы он соответствовал моему типу входного файла. Может кто-нибудь помочь / объяснить, как это должно быть решено?

Я полагаю, что когда я получу файл Blob, я смогу поместить его прямо в <img [src]='blobHere'>?

Спасибо!

Answer 1

Попробуйте это:

private imageFileToBlob(imageFile) {
    return URL.createObjectURL(imageFile);
}