Wired Mind psst.. upd in proggress

PostgreSQL coub css express.js freeware git jquery laravel links linux macos mysql node.js php python task1 ubuntu vim virtualbox анекдот игры интересно музыка стихи цитаты

Как загрузить файл jQuery $.ajax April 01, 2013

Задача тривиальная, но как-то сумбурно пока гуглится. Много разных решений наковырял. Суть в том что нам нужно не перезагружая страницу отправить на сервер файл (и любые другие параметры в комплекте), почитать что нам напишут в ответ и какую-то реакцию показать пользователю. Пример ниже для одного файла, очевидно если у инпута выставлено multuple="multiple" то по массиву файлов можно будет пробежаться и так же все их добавить в запрос.

В html

<input type="file" id="imgFile" />

В скрипте

var fd = new FormData();
fd.append('id', '123');
fd.append('type', 'one');
fd.append('img', $('#imgFile')[0].files[0]);

$.ajax({
  type: 'POST',
  url: '/url/to/action',
  data: fd,
  processData: false,
  contentType: false,
  dataType: "json",
  success: function(data) {
    console.log(data);
  },
  error: function(data) {
    console.log(data);
  }
});

jquery

Comments

No comments here yet.

You have to login to post a new comment.