Làm cách nào để tạo thanh tiến trình cho từng tệp với Tải lên tệp jQuery (Blueimp http://goo.gl/y1Y2b)? Tôi có nhiều biểu mẫu và mỗi biểu mẫu có nút tải lên.Thanh tiến trình tải lên tệp Blueimp/Jquery cho mỗi tệp
$('.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 + '%'
);
}
});
Tôi đang bị mắc kẹt tại các cùng một điểm. Bạn có vượt qua được điều này không? u thêm câu trả lời? – coderunner
Tôi làm điều này: HTML ' ' JS: ' $ (window) .load (function() { \t 'sử dụng nghiêm ngặt'; $() FileUpload ({ \t \t datatype: 'json', 'hình thức tải lên.'. \t \t autoUpload: đúng, \t \t url:. $ ('form-upload ') attr (' data-url-upload'), \t \t MaxFileSize: 5000000 \t}); ' – Tommy