img-src *としたのにChromeでblobの画像を読み込もうとしたらセキュリティーエラーになった。

以下のように指定して実行を行った所、IEやSafariでは表示されたのに、
Chromeだけセキュリティーエラーとなって画像が表示されなかった。

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; connect-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src *; media-src *">

原因

Chromeのバグのようで、* にblob:やdata:は含まれないみたいです。
なので、Chromeで表示する際は * にblob:やdata:を追加しないといけませんでした。

実際に修正した結果が以下です。

<meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com; connect-src *; script-src 'self' 'unsafe-inline' 'unsafe-eval'; style-src 'self' 'unsafe-inline'; img-src * blob:; media-src *">