The image could not be loaded because it violates the Content Security Policy

In a Chrome app, I try to load an image from an external link, but I get an error

Refused to load image "Unsafe: https://www.google.co.in/images/srpr/logo11w.png " because it violates the following Content Security Policy directive: "img-src ' self ' blob: filesystem: Data: chrome-extension-resource:

I have added content_security_policy in manifest.json file

"content_security_policy": "img-src 'self' https://www.google.co.in/ blob: filesystem: data: chrome-extension-resource:;"

and

Also use a regular expression to explicitly add the URL protocol to Angular's whitelist

.config(['$compileProvider',
    function ($compileProvider) {
        var currentImgSrcSanitizationWhitelist = $compileProvider.imgSrcSanitizationWhitelist();
        var newImgSrcSanitizationWhiteList = currentImgSrcSanitizationWhitelist.toString().slice(0, -1)
        + '|chrome-extension:'
        + currentImgSrcSanitizationWhitelist.toString().slice(-1);

        console.log("Changing imgSrcSanitizationWhiteList from " + currentImgSrcSanitizationWhitelist + " to " + newImgSrcSanitizationWhiteList);
        $compileProvider.imgSrcSanitizationWhitelist(newImgSrcSanitizationWhiteList);
    }
        ]);

But still there are errors.