How to pass the url to uploadedfiles attribute from component to render in edit screen

[agnaveen]

Hi,

I have uploaded the image in add screen to my server by specifying the server endpoint url in [url] attribute of image-upload. When I try to show the same image in my edit screen, If I put the complete url in [uploadedfiles] attribute then it is rendering properly. But If I pass the same url from component and try to render I am getting totally different behaviours like so many 404 urls generated in the console and also so many empty preview boxes appears in the UI.

The ways I tried is, Way 1: $storeLogoUrl -> Passing the name of the store from component. uploadedFiles="http://localhost:19999/store/logo/{{$storeLogoUrl}}"

Way 2: uploadedFiles="'http://localhost:19999/store/logo/'+$storeLogoUrl"

Way 3: [uploadedFiles]="'http://localhost:19999/store/logo/'+$storeLogoUrl"

Way 4: $storeLogoUrl - Full url I sent from controller itself. [uploadedFiles]="$storeLogoUrl"

Nothing worked out so far.

Can someone help me out here ?

[agnaveen]

Finally by specifying like this [uploadedFiles]="[storeLogoUrl]" I am able to see the image in the preview in edit screen. But still one more image preview empty box is appearing.....

[monis01]

Facing exactly the same issue. It gives one extra <div> (so temporarily used jQuery to hide the above div) $($('.img-ul-container').children(':first-child')).hide()

[bolota]

@agnaveen @monis01 if you want to fix this issue add a ternary: [uploadedFiles]="image? [image]: ''"

[agnaveen]

It works for me, thanks a lot @bolota