javascript - ionic 2 : "WARNING: sanitizing unsafe URL value" error

标签 javascript angular sass ionic2

我在 Ionic 2 工作,我想显示一张带有变量的图片,像这样:

<img src="data:{{user.file.type}};base64,{{user.file.content}}"/> 

但是图片没有显示在我的 bowser 上,我在 chrome 控制台中有这个错误:“警告:清理不安全的 URL 值”

但是,当我将我的文件类型和文件内容放入硬代码中时,它就可以工作了。但是我需要使用变量。

有什么想法吗? :)

最佳答案

不确定为什么会发生这种情况,但可以通过创建到 src 的绑定(bind)来避免这种情况

<img [src]="'data:'+ user.file.type +';base64,'+ user.file.content "/>

Plunker demonstrating the effect

如果出于某种原因您不想/不能点击 URL:

enter image description here

关于javascript - ionic 2 : "WARNING: sanitizing unsafe URL value" error,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41284120/

相关文章:

javascript - 是否有任何自动化工具可以从 COLLADA 格式的 3d 模型生成 2d 图像以显示在网站上?

javascript - Angular router.navigate with/route guard 已经在组件上时不起作用

rest - 1 :N or N:1 relations of two objects in Angular2 as observables from a http request

css - 带框阴影且宽度不等的三 Angular 形

javascript - 使用 _document.js 在正文上使用 Next.js 自定义类

JavaScript 边框颜色/颜色样式不适用于鼠标悬停和鼠标移出

Angular2检测模板 View 中的元素是否具有类

css - Angular Material Table - CSS 在文本换行时使标题左对齐

node.js - 单独的node-sass和Express中间件之间的性能差异

javascript - 更改 javascript 切换脚本以突出显示事件状态