Файл в JavaScript - Angular 19 ⇐ Javascript

[Anonymous]

У меня есть этот фрагмент кода .. Я хочу знать, где я ошибаюсь .. Я сохраняю изображение, которое я хранил в своем проекте, в новый файл .. но когда я пытаюсь разобрать его на изображение, я получаю пустое изображение .. < /p>

Код: Выделить всё

async function selectImagesToUpload() {
const input = document.getElementById("product_pics");
const preview = document.querySelector(".preview");
const images = preview.querySelectorAll("div.preview > p");

images.forEach(async item => {

let fn = item.innerText.split(';')[0];
let ext = fn.slice(fn.lastIndexOf('.') + 1, fn.length);

let p = await fetch(fn).then(response => response.blob());
let b = await p.arrayBuffer();
let f0 = new File(new Uint8Array(b), fn, { type: `image/${ext}` });

var reader = new FileReader();
reader.onload = function (e) {
var image = document.createElement("img");
image.src = e.target.result;
document.body.appendChild(image);
}
reader.readAsDataURL(f0);

});
}

Это результат добавления к Dom: пустое изображение
может кто -нибудь мне помочь?

Подробнее здесь: https://stackoverflow.com/questions/794 ... angular-19