آپلود چند فایل به صورت همزمان + درصد پیشرفت برای هرتصویر بصورت جداگانه
سلام
دوستان کدهایی داخل سایت های خارجی پیدا کردم ولی سردرنیاوردم
ممنون میشم همین سوال رو پاسخ بدین
لطفا لینک نزارین ممنون
راه های خیلی زیادی وجود داره که شما بتونید این کار رو بکنید گفتید لینک نزارید ولی خب مجبورا باید بزارم - یه نگاه به هر کدوم بندازید میتونید کارتون رو انجام بدید
1- یکی از به قول معروف با کلاس ترین روش های آپلود الان استفاده از dropZone هست که مطالب خیلی زیادی میتونید حتی به فارسی براش با یه سرچ ساده پیدا کنید . لینک
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);
}
}
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .