FileReader()
 

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

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

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

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

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

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

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

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

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

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

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

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

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