CODEWITHSUNDEEP
ionic-framework
ujjal
ujjal

Reputation: 235

Image is not updating in UI in ionic 2.How can I show the change image in dynamically?

I am taking pic from camera and uploading to server , then returning the url of picture from server.But previous picture is still there.Image is not updating.

Upvotes: 0

Views: 537

Answers (1)

Teshtek
Teshtek

Reputation: 1352

You have to create a variable in TYPESCRIPT something like : 

path:String = "";

then the function to take a photo 

    takePicture(){
        Camera.getPicture({
            destinationType: Camera.DestinationType.DATA_URL,
            targetWidth: xxx,
            targetHeight: yyy
        }).then((imageData) => {
          // imageData is a base64 encoded string, 
            this.path = "data:image/jpeg;base64," + imageData;
//create a function here to send the photo and the return will be the link
            this.path = getServerLink();
        }, (err) => {
            console.log(err);
        });
      }

then in HTML

      <img src="{{path}}"/>  
<!--or -->
    <img [src]="path" *ngIf="path" />

Upvotes: 1

Related Questions