HTML/JS - 让用户粘贴图片网址作为背景

Question

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

我想要一个文本框（输入），并且当用户粘贴一个图像的URL（说，他们的Facebook个人资料图片）时，它将采取该URL并将其设置为网站上的背景图像URL。

这可能吗？有人可以写一个代码吗？似乎如果有可能，它应该不会太难..

在此先感谢。

Answer 1

<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/

Answer 2

是的。您可以使用jQuery轻松实现，尽管您也可以使用JavaScript。

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

将有效的图像url粘贴到该文本框中。

Answer 3

您可以通过一个处理程序连接到输入元素的“改变”事件做到这一点。然后使用输入元素的值来更新“body”元素的CSS的“background-image”属性。

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