Change scr for Image element after upload image in ASP.NET Core

[Abdulsalam Elsharif]

Hello

I used Upload tool to upload person image, I put an HTML Image element beside the Upload image tool, I want to display the image after upload it.

I invoke .Success event for upload tool and used a javascript function to set the src attribute for the image element with the uploaded image path.

This is the Image element

<img id="imgPerons" src="" width="200" height="250">

This is the javascript function:

function onSuccess(e) {
        var files = e.files[0];

        if (e.operation == "upload") {
            document.getElementById("imgPerson").src = "~/images/person_photos";
        }
    }

I think I have a problem with the path of the image, because I tried to used online images like the following, It works fine

function onSuccess(e) {
        var files = e.files[0];

        if (e.operation == "upload") {
            document.getElementById("imgPerson").src = "https://www.xxx.com/image.jpeg";
        }
    }

What's the wrong with the path of the image?

I saved uploaded image in wwwroot/images/person_photos , 
The Image element and the javascript function in the path Views/Home/Index.cshtml

Any Help

[Anton Mironov]

Hi Abdulsalam,

Thank you for the code snippets and details provided.

In order to achieve the desired behavior, I would recommend trying to set the absolute path to the image and not the relative one.

Give a try to the approach above and let me know if the issue persists.

Looking forward to hearing back from you.

 

Kind Regards,
Anton Mironov
Progress Telerik