Witam, 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 :https://imgur.com/KatrVco, a chciałbym żeby to wygladało tak :https://imgur.com/6F2r72m, ma ktoś pomysł jak to zrobić ? z góry dzięki za pomoc