以下のように指定して実行を行った所、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 *">