addFile function not triggering image preview plugin to draw preview

I create an image file from a blob and use the addFile function

const imageFile = new File([filecontent], filename, { type: contentType });
this.filePond.addFile(imageFile);

the file gets added but the preview doesn’t render and debugging shows the image plugin code doesn’t get invoked

[kevduggan]

I was doing something very convoluted

createImageFromBlob(filename: string, blob: Blob) {
  const reader = new FileReader();
  reader.addEventListener('load', () => {
    let contentType: string = blob.type;
    const imageFile = new File([reader.result], filename, { type: contentType });
    this.filePond.addFile(imageFile);
  }, false);
  if (blob) {
    reader.readAsDataURL(blob);
  }
}

some of the plugins (the image size validation one for example) use URL.createObjectURL to generate the image object to get the height and width. with the above FileReader based method of creating the initial file, that image never actually loaded.

the following works fine (that image loads and height and width are calculated)

this.filePond.addFile(new File([blob], filename, { type: blob.type }));

note the type needs to be set on the file to pass the File type validation plugin

[dzvid]

thank you @kevduggan !!!