解决angular Js中出现unsafe:data:;base64,的问题
来源:互联网 发布:ubuntu 默认文件系统 编辑:程序博客网 时间:2024/06/05 05:22
<img ng-src="data:image/jpg;base64,{{archive.identityInfo.pic}}" />
在前端通过angular js语言的绑定语法将图片的base64编码字符串绑定到ng-src时,会出现以下错误:
unsafe:data:;base64,/9j/4AAQSkZJRgABAQEAYABgAAD/2wBDAAgGBgcGBQgHBwcJCQgKDBQ…hjzU68nmuiFNRMJzchxIB61KGLAfNjH61Cwzil5VsHqK1RkThgODkn6UVEZmQgqcEiimI//9k= Failed to load resource:
出现以上错误的原因是angular js 的编译器任务这种绑定是不安全的,需要在编译器的配置中进行配置一下就可以了。
app.config(['$compileProvider', function ($compileProvider) { $compileProvider.imgSrcSanitizationWhitelist(/^\s*(https?|local|data):/);}]);
上面代码解决了显示图片的问题,如果是显示链接,邮箱,Ftp时,加入以下代码:.config( [ '$compileProvider', function( $compileProvider ) { $compileProvider.aHrefSanitizationWhitelist(/^\s*(https?|ftp|mailto|chrome-extension):/); // Angular before v1.2 uses $compileProvider.urlSanitizationWhitelist(...) }]);
如上,问题就轻松解决了。 0 0
- 解决angular Js中出现unsafe:data:;base64,的问题
- 解决VS中function unsafe的问题
- 解决:angular js模板中无法使用ueditor的问题
- VS2013中如何解决'fopen' 报错说unsafe的问题
- 【js类库AngularJs】解决angular+springmvc的post提交问题
- 【js类库AngularJs】解决angular的post提交问题
- 【js类库AngularJs】解决angular+springmvc的post提交问题
- base64出现空格的问题
- angular 使用data-bs-datepicker时的一个小问题及解决
- Golang中unsafe.Sizeof()的问题
- 解决VS2013中出现类似于error C4996: 'scanf': This function or variable may be unsafe的安全检查错误
- 解决VS2013中出现类似于error C4996: 'scanf': This function or variable may be unsafe的安全检查错误
- 解决VS2013中出现类似于error C4996: 'scanf': This function or variable may be unsafe的安全检查错误
- js中setInterval中出现的问题
- angular-cli 暂停时出现端口占用的问题[已解决]
- 解决js 出现乱码问题
- 解决myeclipse中出现的一个问题
- 解决JSP中出现乱码的问题
- 【Struts实现页面验证码】
- NYOJ-23-取石子(一)(巴什博弈)
- 破解Windows server2003 上面的 viEmu
- URAL 2060 Subpalindrome Pairs Manacher
- PCI Vendor and Device IDs
- 解决angular Js中出现unsafe:data:;base64,的问题
- lambda
- Backbone与Angular的比较
- 第一篇 SCI 综述被接收的感想
- 319. Bulb Switcher
- 【bzoj3916】【Baltic2014】【friends】【hash】
- StudyJams-第01课_初识Android的View(TextView、ImageView、Button)
- 数据结构算法——顺序表的应用
- LeetCode *** 236. Lowest Common Ancestor of a Binary Tree