Добавить поле для каждого файла в Fine-uploader

Пытаюсь внедрить Fine-Uploader впервые.

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

Спасибо за пояснения. Дарио.


person skini82    schedule 15.04.2013    source источник


Ответы (1)


Если вы хотите добавить текстовое поле ввода рядом с каждым файлом, представленным в пользовательском интерфейсе (я предполагаю, что вы используете режим FineUploader), вы можете сделать следующее:

  1. Установите для параметра autoUpload значение false. Это кажется очевидным, но я подумал, что все равно должен это перечислить. Если вы не установите для этого параметра значение false, файлы будут загружены сразу после того, как пользователь выберет их. Я предполагаю, что это не впишется в ваш рабочий процесс.

  2. Определите onSubmitted обработчик обратного вызова. В этом обработчике вы можете использовать параметр id, чтобы получить обработчик связанных getItemByFileIdметод API.

  3. Когда у вас есть элемент, представляющий файл в пользовательском интерфейсе, вы можете добавить поле ввода рядом с ним. Возможно, вам следует добавить атрибут данных или класс css, которые вы сможете использовать позже, чтобы связать это поле с файлом.

  4. Я предполагаю, что вы намереваетесь создать кнопку, которую пользователь будет нажимать, когда он будет готов начать загрузку всех выбранных файлов, предположительно после того, как он заполнил все текстовые поля, связанные с этими файлами. Таким образом, вы можете добавить к этой кнопке обработчик кликов, который вызывает uploadStoredFiles Метод API.

  5. Вам также потребуется предоставить onUpload обработчик обратного вызова. Когда ваш обработчик вызывается (один раз для каждого файла перед его загрузкой), возьмите значение из связанного текстового поля, а затем используйте setParamsметод API для отправки этого значения с запросом загрузки (POST) для этого файла в качестве параметра. Не забудьте указать идентификатор файла в качестве последнего параметра при вызове setParams.

person Ray Nicholus    schedule 22.04.2013