如何显示在其他领域/ Chrome封装应用图片(How to show images in othe

我有一个JSON返回图像的URL列表来访问已放置在一个领域在这一领域的manifest.json白名单的JSON，但是当我尝试查看报告它无法访问图像的图片。

1 - 如何Perm可以显示不属于包应用程序内的图像

2 - 我怎样才能下载图像下载APP，然后显示

这第二个问题我用RAL，一个lib试用谷歌和它的工作，但是使用本出版物LIB他声称一个错误我不能做一个测试，按照链接到图像lib和抱怨错误：

LIB： https://github.com/GoogleChrome/apps-resource-loader

错误： http://twitter.yfrog.com/oe24998653p

Answer 1:

您可以使用的XMLHttpRequest请求外部图像并将其转化为ObjectURLs。 然后设置在src属性<img>标记到每个的ObjectURL和它应该工作。

由于这是一个很常见的情况，我们创建了一个库来简化它。 刚落，该应用程序资源加载器ral.min.js到您的项目，然后：

var remoteImage, 
    container = document.querySelector('.imageContainer'),
    toLoad = { 'images': [ 
       'http://myserver.com/image1.png', 
       'http://myserver.com/image2.png' ] }; // list of image URLs

toLoad.images.forEach(function(imageToLoad) {
      remoteImage = new RAL.RemoteImage(imageToLoad);
      container.appendChild(remoteImage.element);
      RAL.Queue.add(remoteImage);
});
RAL.Queue.setMaxConnections(4);
RAL.Queue.start();

请记住，你需要在许可的manifest.json你将XHR'ing到所有领域。 如果你不事先知道这些图像将被托管，你可以问权限的任何网址：

    permissions: ['<all_urls>'],

对于其他用途，并获得完整的图书馆，请查看该项目页面： https://github.com/GoogleChrome/apps-resource-loader

和一个简单的演示在： https://github.com/GoogleChrome/apps-resource-loader/tree/master/demo

Answer 2:

谷歌已经增加了一个浏览器标签，使您可以包括图像，但到目前为止，我还没有能够得到它的工作。

下面是他们表现出作为一个例子

<browser src="http://i.stack.imgur.com/dmHl0.png">

文章来源: How to show images in other domains / Chrome Packaged Apps