时间戳

首页 > 解决方案 > Ionic 4：当我从 IOS 中的控制器更改“img”标签的“src”内容时，它没有更新

ios - Ionic 4：当我从 IOS 中的控制器更改“img”标签的“src”内容时，它没有更新

问题描述

我正在开发适用于 Android 和 IOS 的应用程序。

我有一个个人资料页面，用户可以在其中更改个人资料图片。照片出现在视图中并实时更改。

我的代码在视图中是这样的：

<img alt="logo" style="width:15vh; height:15vh; border-radius: 50%;" src="{{pictureusuariomenu}}">

pictureusuariomenu是控制器中的一个变量。

使用该变量，我所做的是我上传的图像的 URL，我在那里更新它。这是功能：

updateStoredImages(name) {
    this.storage.get(STORAGE_KEY).then(images => {
        let arr = JSON.parse(images);
        if (!arr) {
            let newImages = [name];
            this.storage.set(STORAGE_KEY, JSON.stringify(newImages));
        } else {
            arr.push(name);
            this.storage.set(STORAGE_KEY, JSON.stringify(arr));
        }

        let filePath = this.file.dataDirectory + name;
        let resPath = this.pathForImage(filePath);
       // alert(resPath);
        this.urlImage=resPath;


        let newEntry = {
            name: name,
            path: resPath,
            filePath: filePath
        };
        this.images=[]; //borrar las imagenes anteriores (no crear la lista de imagenes)
        this.images = [newEntry, ...this.images];
        this.urlImage = this.images[0].path;
        this.colocarImagenEnProfile(this.urlImage);     
        this.ref.detectChanges(); // trigger change detection cycle
    });
}

在这一行：

this.colocarImagenEnProfile(this.urlImage);

我要做的是：

colocarImagenEnProfile(newFileName){
    this.pictureusuariomenu=newFileName;
}

现在在 android 中，这种更新配置文件图像的方式工作正常：

前：

在此处输入图像描述

后：

在此处输入图像描述

但在 IOS 中，这是行不通的。视图根本没有更新

前：

在此处输入图像描述

后：

在此处输入图像描述

什么都没有出现，只有几个字母。但是视图在IOS中没有更新。

会是什么呢？

我的规格：

在此处输入图像描述

标签： iosionic-frameworkionic4

解决方案

你忘了绑定它。把它代替你的 HTML 标签：

<img alt="logo" style="width:15vh; height:15vh; border-radius: 50%;" [src]="pictureusuariomenu">

我不知道为什么，但你必须以这种方式绑定它。此外，您必须使用 window.Ionic.WebView.convertFileSrc(); 功能，如果使用角度，则需要对其进行消毒。像这样：

this.sanitize.bypassSecurityTrustResourceUrl(window.Ionic.WebView.convertFileSrc(path))

推荐阅读