Можно ли написать загрузчик drag&drop, но без AJAX?

Question

[Iskander Mamedov]

В интернете есть куча примеров, в котороых показывается, как работает Drag&Drop с inputом. Но все они грузят файлы сразу на сервер и тд. Мне нужно, чтобы файлы, которые пользователь перетаскивает в dropzone, "вписывались" в input. Чтобы потом можно было их отправить по нажатию на Submit. Говорят, что задавать инпуту value запрещено безопастностью браузеров. Если это все-таки возможно - напишите как.

Заранее спасибо за ответ.

Answer 1

[Даша Циклаури]

// на событие change у inputa, через который загружается файл вешаем метод that.upload
var that = this;
that.attachments = [];
that.upload = function (data, ev) {
   var file = ev.target.files[0];
   if (file) that.attachments.push(attachment);
};

// на сервер по мере надобности отправлять примерно так (тут переменная file это элемент массива that.attachments):
var fd = new FormData();
fd.append('file', file);
$.ajax({
   url: 'api/upload',
   type: 'post',
   data: fd
});