javascript - 无法使用JS/Jquery更改背景图片

我有一个输入框，可以输入任何图像的Web URL，然后有一个按钮可以更改CSS背景图像。该代码是我看待它的好方法，但是它不起作用。你能指出错误吗？

的HTML

<input name="webURL" type="text" id="webURL" value="" placeholder="Or paste a web URL"><br>
<input type="submit" id="submit-btn" class="webBtn" value="Upload it."/>

JS

$('.webBtn').click(function(){
    $('#uploadedPhoto').css('background-image', "url($('#webURL').attr('value'))");
    $('#webURL').attr('value', URL);
});

最佳答案

的HTML

<input name="webURL" type="text" id="webURL" value="" placeholder="Or paste a web URL"><br>
<input type="submit" id="submit-btn" class="webBtn" value="Upload it."/>

<div id="uploadedPhoto" style="width:200px; height: 200px;"></div>

jQuery的

<script>
    $('.webBtn').click(function(){
        var upUrl = $('#webURL').val();

        $('#uploadedPhoto').css({'background-image' : 'url(' + upUrl + ')','background-repeat': 'no-repeat'});
        $('#webURL').attr('value', URL);
  });
</script>

尝试这个。应该管用。

关于javascript - 无法使用JS/Jquery更改背景图片，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28081985/