Скрыть фоновое изображение div после загрузки

Может быть, это простая проблема, но я действительно не знаю, как ее решить. Итак, у меня есть форма, которая отправляет, помимо других полей, изображение. Пользователь может загрузить изображение.

В поле загрузки изображения у меня есть div, который будет предварительно просматривать загруженное изображение. Этот div имеет фоновое изображение.

Я хочу, чтобы когда пользователь загружал изображение, фоновое изображение скрывалось или исчезало. В текущем состоянии, если пользователь загружает изображение, которое меньше моего фонового изображения, в div будут отображаться оба изображения, изображение пользователя перед фоном.

Я также хочу изменить размер загруженного изображения в div, но перед загрузкой div должен содержать фоновое изображение.


image forms html jquery css
person AndreiTiberiu    schedule 24.11.2013    source источник
comment
* изменить размер div до размера загруженного изображения   -  person AndreiTiberiu    schedule 24.11.2013

Ответы (3)


arrow_upward
0
arrow_downward

Может быть, вы могли бы использовать img-тег? и измените атрибут src на загруженный файл. Если вы установите максимальную высоту и ширину, то она будет изменяться, когда изображение будет меньше, а когда оно больше, оно будет использовать максимальные значения.

person Community    schedule 24.11.2013

arrow_upward
0
arrow_downward

Я не знаю вашего кода, поэтому я не могу дать идеальный ответ, но, судя по тому, что вы говорите, возможно, вы могли бы попробовать.

function changeBackgroundImage(imgheight,imgwidth,newimg){
     document.getElementById('yourbackgoundid').style.background-image = newimg;
     document.getElementById('yourbackgoundid').style.height = imgheight;
     document.getElementById('yourbackgoundid').style.width = imgwidth;
 }

или, может быть, оператор if

person Chris par    schedule 24.11.2013

arrow_upward
0
arrow_downward

Решение состояло в том, чтобы просто поместить изображение в div (предварительный просмотр загруженного изображения). Таким образом, в div всегда будет отображаться изображение по умолчанию (с сообщением «загрузите изображение сюда»), и после того, как пользователь загрузит изображение, div заменит существующее на новое.

Все равно спасибо!

person AndreiTiberiu    schedule 21.01.2014