使用javascript从另一个站点加载图像

时间:2014-08-22 17:30:46

标签: javascript

这是我的代码:

    function displayimage(x,target){
    x.success(function(realData){

  var content = $(realData);
  var imageurl = content.find('img').eq(1)[0].outerHTML;
  var urlTrimmed= String(imageurl).substr(37);
  var result = $urlTrimmed.substr(0,$urlTrimmed.length-34);
  console.log(result);
  document.getElementById("item1").style.backgroundImage = "url('result')";

结果为我提供了从其他网站获取的工作图像网址。

然而它没有加载...当我用链接替换“结果”时,它可以工作..但是,它需要动态地......任何想法?

3 个答案:

答案 0 :(得分:1)

你需要连接字符串。

document.getElementById("item1").style.backgroundImage = "url('"+ result + "')";

答案 1 :(得分:0)

您实际上是将图片设置为url('result');。字面意思是"结果"。可能不是你的意思。尝试:

document.getElementById("item1").style.backgroundImage = 
  "url('" + result + "')";

答案 2 :(得分:0)

删除url()中的引号:

document.getElementById("item1").style.backgroundImage = "url('"+result+"')";