javascript - jquery改变div背景图片

Question

我有这个属性

<div class="idfake" style="  background-image: url('images/ad.jpg')";>

我想获取“style”的值，即images/ad.jpg

使用 JQuery 我尝试过这个

$('.idfake').attr('style', e.target.result);

不起作用。我这样做是为了更改 div 的背景图片...这是我的代码

<script>
        //change card background pic
        function readURLx(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('.idfake').attr('style', e.target.result);
                }

                reader.readAsDataURL(input.files[0]);
            }
        }
          $("#logopic12").change(function(){
            readURLx(this);
        });
</script>

<input   accept="image/*" id="logopic12"  class="changebg" type="file" name="logo">

Answer 1

试试这个

<script>
        //change card background pic
        function readURLx(input) {
            if (input.files && input.files[0]) {
                var reader = new FileReader();

                reader.onload = function (e) {
                    $('.idfake').css('background-image', 'url(' + e.target.result + ')');
                }

                reader.readAsDataURL(input.files[0]);
            }
        }
          $("#logopic12").change(function(){
            readURLx(this);
        });
</script>

<input   accept="image/*" id="logopic12"  class="changebg" type="file" name="logo">