Skip to content
No description, website, or topics provided.
JavaScript CSS
Branch: master
Clone or download
paullewis Merge pull request #10 from fernandohur/patch-1
fixed small typo in documentation
Latest commit 5e15c18 Dec 16, 2013
Type Name Latest commit message Commit time
Failed to load latest commit information.
demo renamed manifest.json to avoid confusion with chrome apps Oct 4, 2013
lib fixed small typo in documentation Dec 16, 2013

Chrome Packaged Apps Resource Loader

You can request external images using XMLHttpRequest and transform them into ObjectURLs. Then set the src attribute in the <img> tag to each ObjectURL and it should work.

Since this is a very common use case, we created this library to simplify it. Just drop the apps-resource-loader ral.min.js to your project and then:

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

toLoad.images.forEach(function(imageToLoad) {
      remoteImage = new RAL.RemoteImage(imageToLoad);

Remember that you need permission in the manifest.json to all domains you will be XHR'ing to. If you don't know beforehand where those images will be hosted, you can ask permission for any url:

    permissions: ['<all_urls>'],

For other usages, please see the simple demo at:


Copyright 2013 Google Inc. All Rights Reserved.

Licensed under the Apache License, Version 2.0 (the "License"); you may not use this file except in compliance with the License. You may obtain a copy of the License at

Unless required by applicable law or agreed to in writing, software distributed under the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the License for the specific language governing permissions and limitations under the License.

You can’t perform that action at this time.