Wybranie i podgląd obrazka.

Cześć,
mam prosty formularz dodawania nowego produktu do bazy. Wybieram obrazek, nazwa wstawia się prawidłowo ale chcę zrobić podgląd wybranego obrazka przed dodaniem go do bazy. Niestety, próbowałem na kilka sposobów ale podgląd nie działa...

Projekt jest w .Net Core 3.1, a do podglądu chcę wykorzystać JS.

Ktoś podpowie?

https://stackoverflow.com/questions/4459379/preview-an-image-before-it-is-uploaded

Dzięki, już mi działa :D

Mam jeszcze problem z przekazaniem parametrów do kontrolera, a mianowicie przekazują się 2 z 3.
Mam coś takiego

<form asp-action="AddMotorcycle" method="post">
    <div>
        <label asp-for="Make">Marka</label>
        <input asp-for="Make" />
        <span asp-validation-for="Make"></span>
    </div>
    <div>
        <label asp-for="Model">Model</label>
        <input asp-for="Model" />
        <span asp-validation-for="Model"></span>
    </div>

    <div>
        <label asp-for="Img">Zdjęcie</label>
        <input asp-for="Img" type="file" name="file" id="inputImage" onchange="loadFile(event)" accept="image/jp2,image/jpeg,image/jpeg,image/jpeg,image/png" />
        <img id="imgpreview"/>
        <span asp-validation-for="Img"></span>
    </div>
    <button class="btn btn-block btn-primary" type="submit">Dodaj</button>
</form>

W kontrolerze zapisuję te parametry w bazie, ale o ile Make i Model są ok to Img zapisuje się jako null.

Sprawdzałem w skrypcie nazwę pliku przez event.target.files[0].name; i powinno być ok.

Udało mi się, nazwa pliku przekazuje się prawidłowo po usunięciu z Input'a

name="file"

tylko nie wiem skąd taka zależność...