如何从PouchDB附件中将已恢复的Blob显示为ngSrc?

时间:2016-11-23 14:17:51

标签: angularjs pouchdb

我很难在PouchDB's Working with attachments Page后面显示ngSrc的blob。我的相关HTML是:

<img src="" ng-src="{{$root.images.myImgNameX}}" alt="">

它被编译成:

<img src="http://localhost:8100/fcba0867-bf49-4fe0-b4f2-3490bb65761f" ng-src="blob:http://localhost:8100/fcba0867-bf49-4fe0-b4f2-3490bb65761f" alt="">

但是没有显示图像。但是,如果我在ng-src复制并粘贴网址,我就能看到图像。 我收到这个错误:

  

:8100 /#/ app / news:1拒绝加载图片'blob:http://localhost:8100/754f38af-0246-4b33-85c9-049f6d9ce1df',因为它违反了以下内容安全策略指令:“img-src'self'data:*”。< / p>

如何在我的blob代码中使用img

1 个答案:

答案 0 :(得分:2)

我找到了一个解决此处错误的解决方案:Content-Security-Policy object-src blob

我在img-src 'self' blob:代码

中添加了<meta http-equiv="Content-Security-Policy">