Есть такой вот код.
Он выполняет функцию загрузки файла, при нужде дозагрузки еще файлов и их отображению пользователю.
Не могу разобраться почему не работает. И в файле u.php обычная форма для загрузки файла на сервер. Можете помочь?
if($.isFunction($.fn.fancybox)) {
(function($) {
$.fn.colorbox = function() {
return $.fn.fancybox.apply(this, arguments);
};
})(jQuery);
}
$('.colorbox').colorbox({
overlayClose: true,
opacity: 0.5
});
$('.delete-btn').die('click.deleteBtn');
$('.delete-btn').live("click.deleteBtn", function() {
var _thisBtn = $(this);
var _upload_id = _thisBtn.attr('id');
var _url = _thisBtn.attr('href');
if(confirm('Confirm delete?'))
{
$.ajax({
url: _url,
dataType: 'json',
beforeSend: function() {
_thisBtn.before('<span class="wait"><img src="catalog/view/theme/default/image/loading.gif" alt="" /> </span>');
},
complete: function() {
$('.wait').remove();
},
success: function(json) {
if(json['success']) {
_thisBtn.remove();
$('#upload' + _upload_id).fadeOut(function() { $(this).remove(); });
}
if(json['error']) {
alert(json['error']);
$('#upload' + _upload_id).fadeOut(function() { $(this).remove(); });
}
},
error: function(xhr, ajaxOptions, thrownError) {
alert(thrownError + "\r\n" + xhr.statusText + "\r\n" + xhr.responseText);
}
});
}
return false;
});
var empty_row = '<tr class="empty"><td colspan="3">Upload is empty.</td></tr>';
new AjaxUpload('#button-upload-234', {
action: 'U.php',
name: 'file',
autoSubmit: true,
responseType: 'json',
onSubmit: function(file, extension) {
$('.warning').remove();
$('#button-upload-234').before('<img src="catalog/view/theme/default/image/loading.gif" class="loading" style="margin-right: 5px;" />');
},
onComplete: function(file, json) {
if (json['success']) {
$('#copu-tbl-234 tbody tr.empty').remove();
var newUploadRow = '<tr id="upload' + json['file']['upload_id'] + '">' + (json['file']['image'] ? '<td class="image" style="width:74px;">' + (json['file']['popup'] ? '<a href="' + json['file']['popup'] + '" class="colorbox" rel="copubox">' : '') + '<img src="' + json['file']['image'] + '" alt="' + json['file']['name'] + '" title="Preview" />' + (json['file']['popup'] ? '</a>' : '') + '</td>' : '') + '<td class="name"><a href="' + json['file']['href'] + '" title="Download">' + json['file']['name'] + '</a><br /><b>File Size:</b> ' + json['file']['size'] + '</td><td class="action"><a href="' + json['file']['delete'] + '" class="delete-btn" id="' + json['file']['upload_id'] + '"><img src="catalog/view/theme/default/image/remove.png" alt="Удалить" title="Удалить" /></a></td></tr>';
$('#copu-tbl-234 tbody > tr:last').before(newUploadRow);
if(json['file']['replace']) {
$('#image').parent().attr('href', json['file']['popup']);
$('#image').attr('src', json['file']['replace']);
}
$('.colorbox').colorbox({
overlayClose: true,
opacity: 0.5
});
}
if (json['error']) {
$('#copu-tbl-234').before('<div class="warning">' + json['error'] + '<img src="catalog/view/theme/default/image/close.png" alt="" class="close" /></div>');
}
$('.loading').remove();
}
});