title: Chrome App - CSP issue - local image loading in AngularJS
body: <p>Images loading issue when I try to put local image and try to access in app from path i will show below error on debugger</p>
  
  <p>UI using <strong>Angular and jQuery</strong> </p>
  
  <p>Issue message on Debugger(F12)</p>
  
  <blockquote>
    <p>Refused to load the image
    'unsafe:chrome-extension://omlogoojoebcjhbnnbhdehopicfcoljf/public/assets/img/avatars/avatar_02_tn.png'
    because it violates the following Content Security Policy directive:
    "img-src 'self' blob: filesystem: data: chrome-extension-resource:".</p>
  </blockquote>
  
  <pre><code>{
      "name": "System App",
      "description": "My first Chrome App.",
      "version": "0.22",
      "manifest_version": 2,
      "app": {
          "background": {
              "scripts": ["background.js"]
          }
      },
      "icons": {
          "16": "calculator-16.png",
          "128": "calculator-128.png"
      },
      "content_security_policy": "img-src 'self' blob: filesystem: data: chrome-extension-resource:;",
      "permissions": [
          "history",
          "unlimitedStorage",
          "storage",
          "filesystem",
          "debugger"
      ]
  }
  </code></pre>