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

Question

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

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

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

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

Answer 1

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

Благодарим вас в любом случае!

Answer 2

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

Answer 3

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

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

или, может быть, если заявление