سلام.من یک لیست دارم که برای هر رکورد از این لیست میخوام یک فایل با ایجکس آپلود کنم ولی چون درون حلقه for هستم و برای اینپوت آپلود فایل یک ID قرار دادم فقط فایل رکورد اولی آپلود میشود و بقیه رکوردها آپلود نمیکنند لطفا کد و تصویر رو چک کنید و راهنمایی بفرماید
@for (var i = 0; i < Model.Count(); i++)
{
<td>
<div class="d-flex justify-content-around">
<div>
<span class="text-center mt-2" id="spnImageCartMlie" style="color: black;font-size: 12px"></span>
</div>
<div>
<input type="button" required onclick="UploadImage()" value="Upload" class="btn btn-outline-danger " id="btnUpLoad" />
<div id="divmessage" class="text-center hidden m-2"></div>
</div>
<input id="mostanadPath" name="[@i].prosessMastand" type="file" class="">
</div>
</td>
}
<script>
var UploadImage = function () {
var data = new FormData;
var file = $("#mostanadPath").get(0);
for (var i = 0; i < files.length; i++) {
data.append('filearray', files[i]);
data.append('filesize', files[i].size);
}
data.append('path', "img\\mostandat\\");
$.ajax({
xhr: function () {
var xhr = new window.XMLHttpRequest();
xhr.upload.addEventListener("progress", function (evt) {
if (evt.lengthComputable) {
var percentComplete = evt.loaded / evt.total;
percentComplete = parseInt(percentComplete * 100);
$('.progress-bar').width(percentComplete + '%');
$('.progress-bar').html(percentComplete + '%');
}
}, false);
return xhr;
},
url: '@Url.Action("UploadImageFile", "Tax")',
type: "POST",
data: data,
contentType: false,
processData: false }).done(function (result) {
if (result.status == "success") {
toastr.success('فایل با موفقیت آپلود شد', {
timeOut: 2000,
closeButton: true,
});
$("#newCartMlieImagePathName").val(result.imagename);
}
</script>
با سلام
معمولا برای ایجاد فرم از حلقه استفاده نمی کنیم، مگر برای جداول.
اگر حتما قصد دارید از حلقه استفاده کنید پیشنهاد من اینه که به هر کدوم از اینپوت ها یه عدد (با کمک از شمارنده حلقه) به آخر همه ID ها اضافه کنید که بتونید به هر اینپوت با ID خودش بهش دسترسی داشته باشید.
همچنین از این روش از name هم استفاده کنید خالی از لطف نیست.
تاریخ :
1398/08/09
- ساعت :
07:44:00 PM
- بازدید :
4855
- پاسخ :
1
|
تاریخ :
1403/10/22
- ساعت :
12:29:00 PM
- بازدید :
78
- پاسخ :
1
|
تاریخ :
1399/09/20
- ساعت :
01:21:00 PM
- بازدید :
6636
- پاسخ :
1
|
تاریخ :
1403/11/02
- ساعت :
08:17:00 PM
- بازدید :
41
- پاسخ :
0
|
تاریخ :
1398/10/15
- ساعت :
08:02:00 PM
- بازدید :
2726
- پاسخ :
1
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3087
- پاسخ :
2
|
تاریخ :
1398/10/26
- ساعت :
10:24:00 PM
- بازدید :
2119
- پاسخ :
1
|
تاریخ :
1403/10/30
- ساعت :
12:33:00 AM
- بازدید :
64
- پاسخ :
1
|
تاریخ :
1403/10/30
- ساعت :
12:40:00 AM
- بازدید :
57
- پاسخ :
1
|
تاریخ :
1403/10/30
- ساعت :
12:39:00 AM
- بازدید :
82
- پاسخ :
1
|
تاریخ :
1403/11/03
- ساعت :
07:34:00 PM
- بازدید :
50
- پاسخ :
0
|
تاریخ :
1399/12/20
- ساعت :
10:32:00 AM
- بازدید :
2517
- پاسخ :
1
|
تاریخ :
1398/08/09
- ساعت :
07:44:00 PM
- بازدید :
4855
- پاسخ :
1
|
تاریخ :
1399/09/20
- ساعت :
01:30:00 PM
- بازدید :
2569
- پاسخ :
1
|
تاریخ :
1403/11/03
- ساعت :
07:21:00 PM
- بازدید :
39
- پاسخ :
0
|
تاریخ :
1403/10/22
- ساعت :
12:29:00 PM
- بازدید :
78
- پاسخ :
1
|
تاریخ :
1399/09/20
- ساعت :
01:21:00 PM
- بازدید :
6636
- پاسخ :
1
|
تاریخ :
1403/11/02
- ساعت :
08:17:00 PM
- بازدید :
41
- پاسخ :
0
|
تاریخ :
1398/10/15
- ساعت :
08:02:00 PM
- بازدید :
2726
- پاسخ :
1
|
تاریخ :
1398/10/19
- ساعت :
02:01:00 PM
- بازدید :
3087
- پاسخ :
2
|