آپلود چند فایل به صورت همزمان + درصد پیشرفت برای هرتصویر بصورت جداگانه

راه های خیلی زیادی وجود داره که شما بتونید این کار رو بکنید گفتید لینک نزارید ولی خب مجبورا باید بزارم - یه نگاه به هر کدوم بندازید میتونید کارتون رو انجام بدید

1- یکی از به قول معروف با کلاس ترین روش های آپلود الان استفاده از dropZone هست که مطالب خیلی زیادی میتونید حتی به فارسی براش با یه سرچ ساده پیدا کنید . لینک

2- استفاده از این لینک ها که منم الان با یه سرچ ساده پیدا کردم :

2-1 :  لینک    دمو

2-2 :  لینک    دمو

2-3 :  لینک  

همشون یه جوری میشه گفت عالیه - اخری رو من بیشتر دوست داشتم و dropZone هم که یه چیز دیگست

موفق باشید

دلیل اینکه گفتم لینک نزارید این بود که مطمئن بودم تعدادی پلاگین قرار میدین

ممنونم بخاطر وقتی که گذاشتین اما من میخوام دقیقا لینک اولی یا آخری رو خودم کدنویسی کنم

و نیازمند راهنمایی هستم

هنوز مشکلم حل نشده

دوستان لطفا کمک کنید

این کدهامه

نتیجه ش اینه که پروگرس بار برای هرتصویر جدا نیست و میاد همه ی پروگرس بار ها برای یه تصویر از 0تا100 درصد پر میشه

uploaderInput.onchange = function () {
  var files = uploaderInput.files;
  $('#uploadingContent').css('display', 'block');
  var formData = new FormData();
  for (var i = 0; i < files.length; i++) {
    formData.append("file" + i, files[i]);
    $('#uploadingContent').append('<div class="col-lg-12 p5lr">' +
      '<span class="icon-cross" onclick="deleteUpload(this);"></span>' +
      '<span class="names">' + files[i].name + '</span>' +
      '<span class="sizes">' + files[i].size + '</span>' +
      '<div class="statusUploads">' +
      '<span class="uploaderPrgress"></span>' +
      '</div>' +
      '</div>');
  }


  $.ajax({
    url: "/upload",
    type: 'post',
    data: formData,
    dataType: 'html',
    async: true,
    processData: false,
    contentType: false,
    xhr: function () {
      var myXhr = $.ajaxSettings.xhr();
      if (myXhr.upload) {
        myXhr.upload.addEventListener('progress', progress, false);
      }
      return myXhr;
    },
    success: function (data) {
      // $('#upload-result').append('<div class="alert alert-success"><p>File(s) uploaded successfully!</p><br />');
      // $('#upload-result .alert').append(data);
    },
    error: function (request) {
      // console.log(request.responseText);
    }
  });
}

function progress(e){
 if(e.lengthComputable){
 var percent = (e.loaded / e.total) * 100;
 $('.uploaderPrgress').css('width', Math.round(percent) + '%');
 $('.uploaderPrgress').text(Math.round(percent) + '%');

 // $('.uploaderPrgress').text('uploded: '+e.loaded+ ' from: '+e.total);
 }
}

کسی نمیتونه کمکم کنه؟