Blueimp jQuery-File-Upload без ajax

Мне очень нравится обработка клиентских файлов при выборе файла и предварительный просмотр с возможностью отмены или удаления.

Однако я хочу загрузить страницу с формой, и мне не нужно использовать ajax. Я играю все варианты, и я не могу найти сообщение, чтобы сформировать файлы, выбранные синхронно.

Можно ли получить data.files для публикации с формой?

Ответ 1

Вы можете отправлять файлы с помощью стандартного представления формы, используя jimp файл-Upload blueimp, путем установки опции replaceFileInput в значение false.

Из документации:

По умолчанию поле ввода файла заменяется клоном после каждого событие изменения поля ввода. Это необходимо для очередей транспорта iframe и позволяет изменять события изменений для одного и того же выбора файла, но можно отключить, установив для этого параметра значение false

Ответ 2

Это можно сделать, включив autoUpload в false, собирая файлы в массиве, затем завершите выполнение одного вызова ajax со всеми файлами вместе с данными формы, как описано .

Ответ 3

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 для получения видеоданных.

Ответ 4

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