سلام وقت به خیر
من توی یک فرم چندتا تگ Input دارم که " type ="file و توی هر کدوم فایلی که مد نظر انتخاب میشه حالا میخوام اپلود کنم فایل ها رو توی سرور با استفاده از یک دکمه و هر عکس با توجه به مسیر مختص خودش ذخیره بشه ممنون میشم راهنمایی کنید کد های زیر و رو به چه شکل تغییر بدم
کد های html:
<form asp-controller="Home" asp-action="Create" method="post" enctype="multipart/form-data">
<div class="input-group input-group-sm mb-4">
<div class="custom-file">
<input asp-for="CardNationalImg" type="file" class="custom-file-input circleInput" id="files">
<label class="custom-file-label" for="files" aria-describedby="files"> تصویر کارت ملی </label>
</div>
<div class="custom-file">
<input asp-for="UserImage" type="file" class="custom-file-input circleInput" id="files1" >
<label class="custom-file-label" for="files1" aria-describedby="files1"> تصویر کاربری </label>
</div>
</div>
<input type="button" onclick="UploadImage()" id="btnupload" class="btn btn-info" value="آپلود و نمایش تصویر" />
</form>
دستورات Scripts
ممنون میشم توی این بخش راهنمایی کنید که چه جوری با استفاده از یک دکمه چند تا فایل انتخابی توسط چندین تگی که وجود داره رو به سمت سرور بفرستم و اونجا با توجه به اندیس یا ... به ترتیب در مسیر هایی که مد نظر هست آپلود کنم..
<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","Home")',
data: data,
contentType: false,
processData: false,
}).done(function (result) {
if (result.status == "success") {
$("#imguser").attr('src', "\\img\\userimage\\normalimage\\" + result.imagename);
$("#divmessage").removeClass('hidden');
$("#divmessage").text("تصویر با موفقیت آپلود شد");
$("#imagename").val(result.imagename);
}
}).fail(function (result) {
if (result.status != "success") {
$("#divmessage").removeClass('hidden');
$("#divmessage").text("در هنگام آپلود مشکلی رخ داد");
}
});
}
</script>
بخش ارسال تصاویر به سمت سرور مشکل دارم بخش ثبت تصاویر و دستورات asp.net core برای اپلود مشکلی ندارم ممنون
بهتره برای هر عکس یک دکمه آپلود قرار بدید. یعنی توابع جی کوئری رو برای آپلود 2 بار بنویسید. یکبار برای آپلود عکس کاربر یک بار هم برای آپلود عکس کارت ملی.
توی اکثر سایتها هم اگر نگاه کنید برای هر فایل یا عکسی که قرار آپلود بشه یک دکمه جداگانه قرار دادن.
با سلام
این لینک خیلی بهت کمک میکنه میتونی با کمی تغییر جزیی کاملا ازش استفاده کنی .
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
54
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
92
- پاسخ :
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
- بازدید :
1347
- پاسخ :
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/07/09
- ساعت :
07:25:00 PM
- بازدید :
266
- پاسخ :
0
|
تاریخ :
1403/08/29
- ساعت :
07:15:00 PM
- بازدید :
54
- پاسخ :
0
|
تاریخ :
1403/08/18
- ساعت :
10:40:00 AM
- بازدید :
92
- پاسخ :
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
- بازدید :
1347
- پاسخ :
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
|