NativeScript重新加载图像

时间:2017-12-02 10:54:21

标签: angular typescript nativescript

我借助这些插件在NativeScript中创建了一个配置文件图像选择器: https://market.nativescript.org/plugins/nativescript-imagepicker https://github.com/bthurlow/nativescript-imagecropper

这完全没问题 我总是将图像存储在具有相同名称的同一文件夹中,以覆盖上一张图像。

我以这种方式设置图像路径:
<Image [src]="imageSrc" class="profile-picture" (tap)="pickProfilePicture()"></Image>

但是现在,只有在我重新打开我的应用程序时才会显示新的个人资料图片。

我已尝试this.cd.detectChanges();并使用this.imageSrc="/profile_pic/profile_pic.png"重置imageSrc 当我在重置图像时更改图像的名称时,它会刷新视图。

我认为存在一些缓存,或者Angular认为没有变化,因为imageSrc字符串保持不变。不过,我希望个人资料图片具有这个名称。

有关如何强制重新渲染图像的任何建议吗?

亲切的问候, Force0234

1 个答案:

答案 0 :(得分:1)

每当我在网上遇到类似这样的内容时,我都会添加一个查询参数来阻止缓存。也许这也适用于NativeScript:

this.imageSrc="/profile_pic/profile_pic.png?ts=" + new Date().getTime();