Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 03.03.2015, 21:17
Новичок на форуме
Отправить личное сообщение для AreeeS Посмотреть профиль Найти все сообщения от AreeeS
 
Регистрация: 03.03.2015
Сообщений: 2

Загрузка фалов на сервер и их отображение.
Есть такой вот код.
Он выполняет функцию загрузки файла, при нужде дозагрузки еще файлов и их отображению пользователю.
Не могу разобраться почему не работает. И в файле 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="" />&nbsp;&nbsp;</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(); 
  }
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Загрузка файлов на сервер (не хватает вывода ошибки) byFahrenheit Серверные языки и технологии 4 26.10.2016 20:55
Загрузка файла на сервер и отправка на почту qwe88 Общие вопросы Javascript 9 13.10.2014 19:33
Загрузка файла на другой сервер средствами iframe lamer Элементы интерфейса 4 10.05.2012 20:42
Загрузка видео на сервер Sadist_dead AJAX и COMET 2 27.09.2011 23:17
Загрузка на сервер картинки и мгновенное отображение ее savenko jQuery 4 29.06.2011 16:21