Her dosya için jQuery Dosya Yükleme (Blueimp http://goo.gl/y1Y2b) ile nasıl bir ilerleme çubuğu oluştururum? Birden çok formum var ve her formda bir yükleme düğmesi var.Blueimp/Jquery dosya yükleme her dosya için ilerleme çubuğu
$('.fileupload').fileupload({
dataType: 'json',
add: function (e, data) {
var formContainer = $($(this).parent()).parent();
var file = data.files[0];
var li = $('<li/>').attr("id", 'li-upload-'+file.id).appendTo($(formContainer).children('.ul-files'));
var link= $('<a/>').attr("href", '#').attr("data-href", file.delete_url).addClass("link-remove-file pull-right").attr("target", "_parent").attr("title", "Remove").appendTo(li);
var ico = $('<i/>').addClass('icon-remove').appendTo(link);
var spn = $('<span/>').html(file.name+' ('+Math.round(file.size/1024)+' K)').appendTo(li);
var lod = $('<div/>').addClass('container-progress-upload').css("float", 'right').appendTo(li);
var prg = $('<div/>').addClass('bar').css("width", '0%').attr("id", 'pgr-'+file.name).appendTo(lod);
data.submit();
},
progress: function (e, data) {
var file = data.files[0];
var progress = parseInt(data.loaded/data.total * 100, 10);
$('#pgr-'+file.name).css(
'width',
50 + '%'
);
}
});
ben şaşırıp aynı point.Did bu karşı karşıya gelebilir mi? cevabı eklediniz mi? – coderunner
Bunu yapıyorum: HTML ' ' JS: ' $ (pencere) .Load (fonksiyonu() { \t 'katı kullanmak'; $() fileupload ({ \t \t dataType: 'json', 'form yükleme.'. \t \t autoUpload: true, \t \t url:. $ ('form yükleme ') özn (' veri-url-yükleme'), \t \t MAXFILESIZE: 5000000 \t}); ' – Tommy