Загрузка Файлов Ajax

International Russian
1

Всем доброе утро.

Поделитесь пожалуйста рабочим примером, вроде этого(не рабочий :( ):




<input type="file" id="imgFile" name="images[]" multiple onchange="sendForm()"/>


<script>

function sendForm(){


var fd = new FormData();

fd.append('img', $('#imgFile')[0].files[0]);


$.ajax({

  cache: false,

  type: 'POST',

  url: '/administration/items/update/<? echo $model->id ?>',

  data: fd,

  processData: false,

  contentType: false,

  dataType: 'json',

  success: function(data) {

    alert('success');

  },

  error: function(data) {

    alert('error');

  }

});

}

</script>

Странно, файл загружается, но все равно вылетает error, я так понимаю ответ от сервера не приходит :blink:

2

А чего догадываться-то? Проверь через консоль браузера, что приходит в ответ. Может там сразу станет очевидно.


error: function(data) {

    alert('error');

  },

сделай


console.debug(data)

вместо неинформативного alert и глянь в JS консоли браузера.

3

Ок, спасибо :)

4

readyState: 4, status: 200, statusText: “OK” Непойму чего я не так делаю :(

5

Странности какие-то, вынес загрузку файлов в отдельный экшн и все заработало :blink:

6

Попробуйте использовать готовое решение jQuery File Upload

7

Или xupload. Оно же только портировано в виде extension для yii.

А вообще свой велосипед душу греет :rolleyes:

8

Насчет велосипеда это верно, спасибо, разобрался :)