FileReader()

[atanov]

Доброго времени суток, уважаемые форумчане,

Метод FileReader() не устаревший?
Вообще требуется отобразить картинку, загруженную в input type = 'file', бэкграундом одного из div'ов.

[Nexus]

FileReader - не метод, а класс и нет, не устаревший.
Вместо FileReader'а можете использовать URL.createObjectURL.
Уничтожать только ссылку не забывайте по необходимости.

[laimas]

не устаревший

Салага еще, только недавно копытца обмывали.

[atanov]

Nexus,
laimas,
а можно установить эту картинку в качестве background-image?

[Nexus]

atanov, можно.
Примерно так:

target.style.backgroundImage='url('+URL.createObjectURL(e.target.files[0])+')';

[atanov]

Nexus,
Спасибо!
А всё-таки, чем URL.createObjectURL лучше FileReader?

[Nexus]

atanov, меньшим кол-вом кода, синхронностью.

[atanov]

Nexus,
синхронность это преимущество?

[Nexus]

atanov, пожалуй нет, но в этом конкретном случае да, т.к. не нужно оборачивать все в обещание (Promise) или выполнять остальной код в callback'е.

[Alexandroppolus]

А всё-таки, чем URL.createObjectURL лучше FileReader?

помимо синхронности, этот вариант ещё и более экономичный. По крайней мере, не понадобится копия файла в виде строки base64 (которая на 33.3% длиннее к тому же) и вообще возня с этим base64 туда-сюда.

мелкое неудобство - надо не забывать вызвать URL.revokeObjectURL, потому что иначе файлы остаются висеть в памяти до перезагрузки страницы. Впрочем, если у тебя не синглпейдж, то не проблема.