با سلام هنگام آپلود تصویر در برنامه ، تصویر آپلود میشه ولی نه در خود ویندوز باز میشه نه در تگ img نشون داده میشه . لطفا راهنمایی کنید برای آپلود تصویر در Asp.net Core باید دقیقا چه کدی نوشته بشه. ممنون
برای آپلود عکس به صورت صحیح می تونید این لینک رو مطالعه بفرمایید.
همچنین کدهای مورد نیاز برای آپلود عکس رو در ادامه می نویسم. سعی کنید دقیقا مشابه عمل کنید.
یک کلاس برای آپلود فایل ایجاد کنید با کدهای زیر
public class UploadFile : IUploadfile
{
private readonly IHostingEnvironment _appEnvironment;
public UploadFile(IHostingEnvironment appEnvironment)
{
_appEnvironment = appEnvironment;
}
public string UploadFiles(IEnumerable<IFormFile> files,string uploadPath,string uploadthumbnailPath)
{
var upload = Path.Combine(_appEnvironment.WebRootPath,uploadPath);
var filename = "";
foreach (var file in files)
{
filename = Guid.NewGuid().ToString().Replace("-", "") + Path.GetExtension(file.FileName);
using (var fs = new FileStream(Path.Combine(upload, filename), FileMode.Create))
{
file.CopyTo(fs);
}
}
return filename;
}
}
پس از اون یک اینترفیس برای استفاده از کلاس در کنترلر ایجاد کنید
public interface IUploadfile
{
string UploadFiles(IEnumerable<IFormFile> files, string uploadPath, string uploadthumbnailPath);
}
و در کنترلر میتونید به شکل زیر استفاده کنید :
public async Task<IActionResult> UploadFile(IEnumerable<IFormFile> files)
{
string filename = _upload.UploadFiles(files, "path\\", "");
return Json(new { status = "success", message = "تصویر با موفقیت آپلود شد.", imagename = filename });
}
همچنین از کدهای جی کوئری زیر نیز در ویو استفاده کنید:
<form asp-area="AdminPanel" asp-controller="User" asp-action="Create" method="post" enctype="multipart/form-data">
@* تصویر *@
<div class="form-group">
<label asp-for="UserImage" class="control-label"></label>
<div class="form-horizontal">
<input asp-for="UserImage" type="file" id="files" name="files"/>
<input type="button" onclick="UploadImage()" id="btnupload" class="btn btn-info" value="آپلود و نمایش تصویر" />
</div>
<span asp-validation-for="UserImage" class="text-danger"></span>
</div>
<div class="form-group">
<input type="submit" value="ایجاد" class="btn btn-success" />
<a asp-action="Index" class="btn btn-danger">بازگشت</a>
</div>
</form>
@section PanelScripts{
<script>
var UploadImage = function () {
var data = new FormData;
var file = $("#files").get(0);
var files = file.files;
for (var i = 0; i < files.length; i++) {
data.append('files', files[i]);
}
$.ajax({
type: "post",
url: '@Url.Action("UploadFile","ControllerName")',
data: data,
contentType: false,
processData: false,
}).done(function (result) {
if (result.status == "success") {
$("#imguser").attr('src', "\\upload\\userimage\\normalimage\\" + result.imagename);
alert("تصویر با موفقیت آپلود شد");
}
}).fail(function (result) {
alert("ایجاد خطا");
}
});
}
</script>
}
تشکر استاد عزیز . مشکل کاملا حل شد . واقعا تشکر میکنم
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
57
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
97
- پاسخ :
0
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1031
- پاسخ :
1
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
426
- پاسخ :
1
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1348
- پاسخ :
1
|
تاریخ :
1398/08/17
- ساعت :
01:27:00 AM
- بازدید :
4796
- پاسخ :
1
|
تاریخ :
1403/07/27
- ساعت :
03:21:00 PM
- بازدید :
205
- پاسخ :
1
|
تاریخ :
1403/07/26
- ساعت :
09:00:00 PM
- بازدید :
116
- پاسخ :
0
|
تاریخ :
1403/05/16
- ساعت :
09:57:00 AM
- بازدید :
395
- پاسخ :
2
|
تاریخ :
1403/06/25
- ساعت :
11:39:00 PM
- بازدید :
562
- پاسخ :
1
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
57
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
97
- پاسخ :
0
|
تاریخ :
1402/07/23
- ساعت :
04:01:00 PM
- بازدید :
1031
- پاسخ :
1
|
تاریخ :
1403/05/30
- ساعت :
09:22:00 AM
- بازدید :
426
- پاسخ :
1
|
تاریخ :
1402/08/01
- ساعت :
06:25:00 PM
- بازدید :
930
- پاسخ :
1
|
تاریخ :
1402/08/16
- ساعت :
10:38:00 AM
- بازدید :
1348
- پاسخ :
1
|
تاریخ :
1398/08/17
- ساعت :
01:27:00 AM
- بازدید :
4796
- پاسخ :
1
|
تاریخ :
1402/09/08
- ساعت :
07:34:00 PM
- بازدید :
1157
- پاسخ :
1
|
تاریخ :
1402/09/21
- ساعت :
11:10:00 PM
- بازدید :
595
- پاسخ :
1
|
تاریخ :
1403/07/27
- ساعت :
03:21:00 PM
- بازدید :
205
- پاسخ :
1
|