HTML/JS-让用户粘贴图像URL作为背景

HTML/JS - Let user paste image URL as background

本文关键字：URL 图像 背景 JS- 用户 HTML      更新时间：2023-09-26

我有一些事情想做，但我不确定这是否可能。

我想要一个文本框（输入），当用户粘贴图像的URL（比如，他们的facebook个人资料图片）时，它会将该URL设置为网站上的背景图像URL。

这可能吗？有人能写一个代码吗？似乎如果可能的话，应该不会太难。。

提前谢谢。

<script type="text/javascript">
function changebackground(){
    var url = document.getElementById('bgchanger').value;
    document.getElementsByTagName('body')[0].style.backgroundImage = "url('" + url + "')";
}
</script>
<input type="text" id="bgchanger" value="Enter a background URL" />
<input type="button" onclick="changebackground();" value="Change!" />

未测试，但应该可以。

编辑经过测试并运行良好：http://jsfiddle.net/EK3Y3/

是。您可以使用jQuery轻松实现这一点，尽管您也可以使用javascript。

下面是一个例子。http://jsfiddle.net/FvDWw/

在该文本框中粘贴一个有效的图像url。

您可以通过将处理程序附加到输入元素的"change"事件来实现这一点。然后使用输入元素的值来更新"body"元素的css的"background-image"属性。

例如，http://jsfiddle.net/aB3sg/

相关文章：