上传后隐藏div背景图像

Question

也许这是一个简单的问题，但我真的不知道如何解决它。 所以我有一个表格，其中包括一张图片。用户可以上传图片。

在上传图片字段中，我有一个div，可以预览上传的图片。 这个div有一个背景图片。

我希望当用户上传图片时，背景图片会隐藏或消失。在目前状态下，如果用户上传的图片小于我的背景图片，则div会在背景前显示图片，用户图片。

我还想调整上传图片的div大小，但在上传之前，div必须包含背景图片。

Answer 1

也许你可以使用img-tag？并将src属性更改为上载的文件。如果你设置了最大高度和宽度，那么它会在pic较小时调整大小，而当它设置得更大时会使用最大值。

Answer 2

我不知道你的代码，所以我不能给出一个完美的答案，但是从你所说的可能你可以试试。

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语句

Answer 3

解决方案是将图像放在div中（预览上传的图片）。这样，div将始终显示默认图像（“在此处上传图片”消息），并且在用户上传图片后，div将使用新图片替换现有图片。

谢谢你！