0

我正在尝试设置在 javascript 上创建的 div 的背景 url。这将用于 Jquery Orbit 滑块。这是我的做法。

var content 1 = null
$("#featured").html("<div id='content' style=''>");
content1 = document.getElementById("content");
content1.style.background="url(" + imageUrlList[0] + ")";

imageUrlList 来自于此。

imageUrlList.push(document.getElementById("image1Container").src)

它从另一个图像标签获取 src。所以目标是获取图像标签的 src 并将其设置为通过 javascript 创建的 div（内容）的背景。问题是，它不存在。我尝试查看检查元素。网址在那里，我认为它在base64中，不确定。但它就在那里。你认为是什么问题？有任何想法吗？谢谢！

更新：当用户在文件对话框中选择图像时，我正在显示图像。该图像将显示在图像容器的图像标签上。这些是我想要获取并将它们显示到内容 div 的源图像

function readURL(input, x) {
    if (input.files && input.files[0]) {
        var reader = new FileReader();


        reader.onload = function (e) {
            if(x == 1)
            {$('#image1Container').attr('src', e.target.result);}
            else if(x == 2)
            {$('#image2Container').attr('src', e.target.result);}
            else if(x == 3)
            {$('#image3Container').attr('src', e.target.result);}
            else if(x == 4)
            {$('#image4Container').attr('src', e.target.result);}
            else
            {$('#image5Container').attr('src', e.target.result);}

        }

        reader.readAsDataURL(input.files[0]);
    }
}
4

3 回答 3

0

你可以使用这个 -

$('#content').css('background-image', 'url("' + imageUrlList[0] + '")');
于 2013-09-05T15:56:26.363 回答
0

似乎 imageUrlList[0] 没有用引号引起来。我不确定，但也许你可以试试：

content1.style.background="url('" + imageUrlList[0] + "')";
于 2013-09-05T15:31:06.663 回答
0

上面似乎没有足够的信息，但看起来您使用的是数据流（base64）而不是图像的真实 URL。确保您的背景值包含数据编码内容的所有适当属性：

url('数据:图片/png;base64, [数据])

来源：http : //www.w3.org/TR/mwabp/#bp-conserve-css-images (3.4.7.2)。

于 2013-09-05T15:47:08.713 回答