将上传的照片设置为网站背景图片 [关闭]

【问题标题】：Set uploaded photo as website background image [closed]将上传的照片设置为网站背景图片 [关闭]
【发布时间】：2021-08-29 15:37:07
【问题描述】：

我写了一个非常简单的图片上传脚本，上传图片后我想把链接屏幕的背景作为上传的图片，但我不知道怎么做或者我不知道是否可以做到。谁能帮帮我？enter image description here

【问题讨论】：

请您添加一个minimal reproducible example 的问题？
当我在网站上上传任何图片时（zafernci.xyz/uploadd）将我上传的照片设置为背景图片。你清楚吗？
这是一个要求，而不是问题或疑问。我们不是免费的 write-my-code 服务。研究、尝试，然后在这里询问您是否有一些代码和/或特定问题。 Https://stackoverflow.com/help/how-to-ask
附言。提示：CSS可以设置背景图片
我已经在问这个问题了.. 我的问题可能吗？

标签： javascript php html jquery css

【解决方案1】：

您可以使用以下代码

function change_img(){
var img_url = document.getElementById("url").value;
document.getElementsByTagName("body")[0].style.backgroundImage = "url('"+img_url+"')";
}

    <input type="url" name="" id="url" placeholder="Enter img url here">
    <button onclick="change_img()">change background</button>

首先创建一个变量img_url并在其中存储图像的url
然后使用getElementsByTagName("body")[0]这个选择body标签，然后使用backgroungImage设置背景图片。
请记住，在 css 中我们使用 background-image:url("image url") 来使用 js 设置免费所以使用" url(' " + img_url + " ') "

【讨论】：

请在您的答案中添加一些解释，以便其他人可以从中学习
朋友，工作中
@NicoHaase 我已经添加了解释你可以看到它