Как получить объект графического файла?

Question

[zlodiak]

Если в шаблоне существует такое поле:

<input type="file" (change)='onChangeFiles($event)' accept="application/pdf,image/jpeg,image/png,image/tiff" />

, то после добавление через него графического файла срабатывает процедура:

function onChangeFiles($event) {
    console.log($event);
  }

В результате графический файл представляется в виде приблизительно такого объекта:


Скажите пожалуйста, если файл отображается в шаблоне так:
<img src="https://qwerty.ru/hash.jpeg">
, то можно представить его в виде вышеуказанного объекта? Если да, то как?

Answer 1

[Александр Зачиналов]

MDN FileAPI Thumbnails Example

Comments

[zlodiak]

Александр Зачиналов но там речь идёт об элементе input. В моём случае его нет, а есть элемент img

[Александр Зачиналов]

тогда вам остаётся только самому создавать экземпляр File (https://developer.mozilla.org/ru/docs/Web/API/File) и считывать его ридером... но поддержка у этого способа так себе. Обычно upload и download по файлам не перемешивают, а для получения информации о файле с сервера используют просто ajax-запросы