上傳後隱藏div背景圖片

Question

也許這是一個簡單的問題，但我真的不知道如何解決它。 所以我有一個表格，提交，其他領域，一張圖片。用戶可以上傳圖片。

在上傳圖片字段中，我有一個預覽上傳圖片的div。 這個div有一個背景圖片。

我想在用戶上傳圖片時，隱藏或消失背景圖片。在當前狀態下，如果用戶上傳的圖片小於我的背景圖片，div會在背景前顯示兩張圖片，用戶圖片。

我也想調整上傳圖片的div大小，但在上傳div之前必須包含背景圖片。

Answer 1

的解決方案是隻是把圖像在div內部（即previewes上傳的圖片）。這樣，div將始終有一個默認圖像顯示（「上傳圖片在這裏」消息），並且在用戶上傳圖片後，div將用新圖片替換現有圖片。

謝謝你的任何方式！

Answer 2

也許你可以使用img標籤？並將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; 
} 

也許if語句