Cordova 使用照相机拍摄的照片作为div背景图像3

我用手机摄像头拍了一张照片，结果是

http://localhost:8080/var/mobile/Containers/Data/Application/XXXXXXXX-XXXX-XXXX-XXXX-XXXXXXXXXX/tmp/cdv_photo_001.jpg

无论我尝试什么，我都无法让它为给定的div设置背景图像（在该div上使用内联CSS）

因此：

不工作（div有高度和宽度，当我将背景设置为

黄色时，我看到黄色背景

而：
正在工作

另外：当我尝试从谷歌随机获得的图像时，比如
https://www.w3schools.com/w3css/img_lights.jpg
，它将该图像显示为背景图像

CSS中背景图像的URL格式是否有一些限制？
在ionic中，可以通过以下两种方式实现：

1] 按如下方式使用style.property绑定：

<div [style.backgroundImage]="imageUrl"></div>

<div [ngStyle]="{'background-image' : imageUrl}"></div>



2] 按如下方式使用ngStyle绑定：

<div [style.backgroundImage]="imageUrl"></div>

<div [ngStyle]="{'background-image' : imageUrl}"></div>

太好了，谢谢，我不得不通过添加
url（'+imageUrl+'）对您的第二个解决方案做了一些修改。
但它的效果非常好！