Cześć, chciałbym pobrać obrazek i po wciśnięciu przycisku Upload go wyświetlić z możliwością dodania górnego i dolnego tekstu-jak mem ,chciałbym to zrobić w .Net Core 2.1 ,zrobiłem przyciski pobieram obrazek ale nwm jak go po wciśnięciu Upload wyświetlić na tej samej stronie i dodać tekst górny i dolny ,ma ktoś pomysł?

Views->Home->Index.cshtml

@{
    ViewData["Title"] = "Home Page";
}
 
<h1>Upload Files</h1>
<div class="row">
    <section>
        <form method="post" enctype="multipart/form-data"
              asp-controller="UploadFiles" asp-action="Index">
            <div class="form-group">
                <div class="col-md-10">
                    <p>Upload one or more files using this form:</p>
                    <input type="file" name="files" multiple />
                </div>
            </div>
            <div class="form-group">
                <div class="col-md-10">
                    <input type="submit" value="Upload" />
                </div>
            </div>
 
        </form>
        <div class="form-group">
            <label for="usr">Top text</label>
            <input type="text" class="form-control" id="top-text">
        </div>
        <div class="form-group">
            <label for="usr">Bottom text</label>
            <input type="text" class="form-control" id="bottom-text">
        </div>
    </section>
</div>

Views->home->_Layout.cshtml

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>@ViewData["Title"] - FileUploadSample</title>
    <environment names="Development">
        <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.css" />
        <link rel="stylesheet" href="~/css/site.css" />
    </environment>
    <environment names="Staging,Production">
        <link rel="stylesheet" href="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/css/bootstrap.min.css"
              asp-fallback-href="~/lib/bootstrap/dist/css/bootstrap.min.css"
              asp-fallback-test-class="sr-only" asp-fallback-test-property="position" asp-fallback-test-value="absolute" />
        <link rel="stylesheet" href="~/css/site.min.css" asp-append-version="true" />
    </environment>
</head>
<body>
    <div class="container body-content">
        @RenderBody()
        <hr />
         
    </div>
    <environment names="Development">
        <script src="~/lib/jquery/dist/jquery.js"></script>
        <script src="~/lib/bootstrap/dist/js/bootstrap.js"></script>
    </environment>
    <environment names="Staging,Production">
        <script src="https://ajax.aspnetcdn.com/ajax/jquery/jquery-2.2.0.min.js"
                asp-fallback-src="~/lib/jquery/dist/jquery.min.js"
                asp-fallback-test="window.jQuery">
        </script>
        <script src="https://ajax.aspnetcdn.com/ajax/bootstrap/3.3.6/bootstrap.min.js"
                asp-fallback-src="~/lib/bootstrap/dist/js/bootstrap.min.js"
                asp-fallback-test="window.jQuery && window.jQuery.fn && window.jQuery.fn.modal">
        </script>
    </environment>
    @RenderSection("scripts", required: false)
</body>
</html>

nic więcej nie zmieniałem , wygląda to tak //imgur.com/KatrVco, a chciałbym żeby to wygladało tak //imgur.com/6F2r72m, ma ktoś pomysł jak to zrobić ?z góry dziękuję za pomoc