Мне очень нравится обработка клиентских файлов при выборе файла и предварительный просмотр с возможностью отмены или удаления.
Однако я хочу загрузить страницу с формой, и мне не нужно использовать ajax. Я играю все варианты, и я не могу найти сообщение, чтобы сформировать файлы, выбранные синхронно.
Можно ли получить data.files для публикации с формой?
Вы можете отправлять файлы с помощью стандартного представления формы, используя jimp файл-Upload blueimp, путем установки опции replaceFileInput в значение false.
Из документации:
По умолчанию поле ввода файла заменяется клоном после каждого событие изменения поля ввода. Это необходимо для очередей транспорта iframe и позволяет изменять события изменений для одного и того же выбора файла, но можно отключить, установив для этого параметра значение false
Это можно сделать, включив autoUpload в false, собирая файлы в массиве, затем завершите выполнение одного вызова ajax со всеми файлами вместе с данными формы, как описано .
Use config replaceFileInput = false;
jQuery('#add_new_product_form').fileupload({
// Uncomment the following to send cross-domain cookies:
//xhrFields: {withCredentials: true},
fileInput: jQuery('#upload-video'),
replaceFileInput: false,
......
})
И контроллер вы получите $_FILES для получения видеоданных.
blueimp jQuery-File-Uploader создан для простой загрузки файла ajax. Если вам нужен простой, множественный ввод файлов для публикации на ваш сервер. Вам необходимо будет изменить с помощью предоставленного API, чтобы изменить, как он должен себя вести.
Я бы предложил использовать другую библиотеку.
Это один из них, который я основал в Интернете:
http://www.fyneworks.com/jquery/multiple-file-upload/
Я думаю, что будет проще использовать эту библиотеку и настроить ui, аналогичную jQuery-File-Upload.
Вот пример кода, чтобы показать предварительный просмотр файла изображения перед загрузкой на сервер.
http://blog.revathskumar.com/2012/04/html5-show-thumbnail-preview-of-image.html
Просто измените функцию MultiFile.addToList в строке 283