上传后隐藏div背景图片答案

【问题标题】：Hide div background image after upload上传后隐藏div背景图片
【发布时间】：2014-01-22 06:03:00
【问题描述】：

也许这是一个简单的问题，但我真的不知道如何解决它。所以我有一个表单，除了其他字段之外，还有一张图片。用户可以上传图片。

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

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

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

【问题讨论】：

* 将 div 调整为上传的图片大小

标签： jquery html css image forms

【解决方案1】：

也许您可以使用 img 标记？并将 src 属性更改为上传的文件。如果你设置了最大高度和宽度，那么当图片变小时它会调整大小，当它变大时它会使用最大值。

【讨论】：

【解决方案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 语句

【讨论】：

【解决方案3】：

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

谢谢你！

【讨论】：