2

我有一个 JSON，它返回图像的 URL 列表以访问已放置在此域白名单 manifest.json 中的字段中的 JSON，但是当我尝试查看图片时它抱怨它无法访问图像。

1 - 如何烫发可以显示不在包App内的图片

2 - 我如何下载图像以下载APP然后显示

对于第二个问题，我使用了 RAL，一个 lib 试用版 google，它可以工作，但是我无法使用这个发布库进行测试，他声称有错误，请点击图片库的链接并抱怨错误：

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

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

4

2 回答 2

8

您可以使用 XMLHttpRequest 请求外部图像并将它们转换为 ObjectURL。然后将标签中的 src 属性设置<img>为每个 ObjectURL，它应该可以工作。

由于这是一个非常常见的用例，我们创建了一个库来简化它。只需将 apps-resource-loader 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.jsonXHR 访问的所有域的权限。如果您事先不知道这些图像的托管位置，您可以请求任何网址的许可：

    permissions: ['<all_urls>'],

其他用法和获取完整库请查看项目页面： https ://github.com/GoogleChrome/apps-resource-loader

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

于 2013-04-29T15:11:34.340 回答
0

谷歌添加了一个浏览器标签，允许您包含图像，但到目前为止我还无法让它工作。

这是他们作为示例显示的内容

<browser src="http://i.stack.imgur.com/dmHl0.png">
于 2013-10-17T22:20:30.207 回答