Изображение по умолчанию, как поставить?
 

Доброго дня.
Понадобилась загрузка изображения пользователя.

Реализовал с помощью FileAPI http://rubaxa.github.io/jquery.fileapi/ там есть пример Userpic+Crop практически один в один с моим.

Вот только один нюанс:
По умолчанию я имею:

Изображение 1


В этом примере, я могу кликнуть на Choose и выбрать необходимый файл, получится:

Изображение 2


А что делать, если изначально:
1) Я хочу вставить "свою картинку-пустышку" в случае если нет картинки в БД?
2) Я имею уже картинку и мне необходимо вместо "пустышки" вписать уже загруженную картинку из БД?

Пробовал по-умолчанию вставить сюда URL изображения:

<div class="js-preview userpic__preview">
			<img src=''....>
		</div>

Но видимо скрипт блокирует этот DIV и он не отображает изображение, в других блоках вставка проходит нормально...

braveheart, ну какбэ очевидно: поменять в css background-image для #userpic на нужную. В чём проблема то?

Проблема в том что изображение растягивается на весь экран и нет форматирования, наверняка в самом fileAPI такие вещи предсмотрены, без костылей..?!

Каких костылей, ёперный театр? Что за мода пошла всё что угодно костылями клеймить.
Если ты выбираешь режим userpic то div'у тупо добавляется класс .userpic, в котором также тупо прописан background:

background: url('uploader/userpic.gif') no-repeat scroll 0% 0% / cover transparent;

Никакой магии. Нужна другая картинка? Бери и меняй.

*старческое брюзжание* вот молодёжь... всё им в конфиге надо... ручки кодом замарать боятся... тфу...