我想把 css 背景 url 改成 javascript

Question

我想將圖像的背景 url 更改為 javascript 現在在其他教程中，他們將圖像下載到桌面並給出其路徑，但在我的情況下，用戶將在輸入區域提供圖像鏈接，它應該顯示在 url 的內部

let imglink = document.getElementById("img_link").value
document.getElementById("imgPreview").style.backgroundImage = 'url(' + imglink + ')'

我知道我的代碼是錯誤的和奇怪的，但我需要適當的解決方案，如何將鏈接放在 url 中。請不要做太多硬編碼 bcz 我是初學者，我很難理解

Answer 1

改變

'url(' + img_link + ')'

到

'url("' + img_link + '")'

Answer 2

這行得通嗎？

document.getElementById("imgPreview").style.backgroundImage = url(img_link)

Answer 3

我認為你的代碼是正確的； 只是一點點改進：

let imglink = document.getElementById("img_link").value
document.getElementById("imgPreview").style.backgroundImage = url(img_link)

謝謝你！ 希望有幫助！