Question

我有像这样的json数据

{ "ikealogo": "https://xxx.blob.core.windows.net/logo/24536.jpg?v=20120912144845" }

我如何在图像视图中转换它？

我尝试过但需要替代解决方案。它在弹出窗口中工作正常，但**我需要将其转换为特定网页中的内容脚本，当用户将鼠标悬停在文本上并且应该出现此图像**但是应用相同的过程根本不起作用。

//popup.js

  var image = document.getElementById('img');
  image.src = jsonData.ikea.ikealogo;

//popup.html
 <img id="img" />

Answer 1

解：要在DOM上显示来自外部服务器的任何图像：我从API响应中解析数据并使用jquery创建div并将图像数据附加到其中。不需要CROSS DOMAIN COMPLICITY。

var image= data["company"].ikealogo;

 var div=jQuery('<div/>', 
          {
             "class": "divC",
          });
  var i = jQuery('<img />').error(function() 
          {
          this.src = default_image;
          }).attr('src', image)
          .css({ "width":"50px", "height": "50px","margin": "0px 10px 10px 10px"});

 div.append(i)

chrome扩展：解析JSON数据并获取图像

1 个答案: