I am trying to return image src base64 with a method to preview multiple images. I am using fileReader inside a promise. I am not returning any value in it. I am sending the value as a File object. my code is as below.
Template
<div *ngFor="let file of filelist">
<img [src]="readFile(file) | async">
</div>
TS
async readFile(file: File) {
return new Promise(done => {
debugger
const reader = new FileReader();
reader.onload = () => {
done(reader.result);
};
reader.readAsArrayBuffer(file);
})
}
any help with this appreciated.
src
property to an array buffer. Try using a data url instead.