用相机拍摄的照片作为 div 背景图像 Ionic 3
Picture taken with camera as div background image Ionic 3
我有一张照片，由 phone 的相机拍摄，结果类似于 http://localhost:8080/var/mobile/Containers/Data/Application/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/tmp/cdv_photo_001.jpg。
无论我尝试什么，我都无法让它为给定的 div 设置背景图像。 （在 div 上使用内联 CSS）。
所以： <div style="background: url('{{ imageUrl }}');"> 不起作用（div 有高度和宽度，当我把背景设置为 yellow 我看到黄色背景。
同时： <img src="{{ imageUrl }}"/> 正在工作。
另外： 当我尝试使用来自 Google 的随机图像时，例如 https://www.w3schools.com/w3css/img_lights.jpg，它显示该图像作为背景图像。
CSS 中背景图像的 URL 格式是否有一些限制？
在ionic中，可以通过以下两种方式实现：
1] 使用 style.property 绑定如下：
<div [style.backgroundImage]="imageUrl"></div>
2] 使用 ngStyle 绑定如下：
<div [ngStyle]="{'background-image' : imageUrl}"></div>
我有一张照片，由 phone 的相机拍摄，结果类似于 http://localhost:8080/var/mobile/Containers/Data/Application/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXXXX/tmp/cdv_photo_001.jpg。
无论我尝试什么，我都无法让它为给定的 div 设置背景图像。 （在 div 上使用内联 CSS）。
所以： <div style="background: url('{{ imageUrl }}');"> 不起作用（div 有高度和宽度，当我把背景设置为 yellow 我看到黄色背景。
同时： <img src="{{ imageUrl }}"/> 正在工作。
另外： 当我尝试使用来自 Google 的随机图像时，例如 https://www.w3schools.com/w3css/img_lights.jpg，它显示该图像作为背景图像。
CSS 中背景图像的 URL 格式是否有一些限制？
在ionic中，可以通过以下两种方式实现：
1] 使用 style.property 绑定如下：
<div [style.backgroundImage]="imageUrl"></div>
2] 使用 ngStyle 绑定如下：
<div [ngStyle]="{'background-image' : imageUrl}"></div>