Описание тега ng2-file-upload

Описание тега Вопросы с тегом
Простые в использовании директивы Angular2 для файлов.

Быстрый старт

  1. Рекомендуемый способ установки ng2-file-upload - через диспетчер пакетов npm, используя следующую команду:

    npm i ng2-file-upload --save

    Кроме того, вы можете загрузить его в виде ZIP-файла.

  2. В настоящее время ng2-file-upload содержит две директивы: ng2-file-select и ng2-file-drop. ng2-file-select используется для поля формы 'file-input', а ng2-file-drop используется для области, которая будет использоваться для удаления файла или файлов.

  3. Дополнительная информация об использовании ng2-file-upload находится в демонстрационных и демонстрационных источниках.

API для ng2FileDrop

Свойства

загрузчик - (FileUploader) - объект загрузчика. См. Использование в демонстрации

Параметры, поддерживаемые этим объектом:

  • url - URL-адрес authToken маршрута загрузчика файлов
  • Токен аутентификации, который будет применяться в качестве заголовка авторизации во время отправки файла.

  • disableMultipart - Если "истина", отключите использование составной формы для загрузки файла и вместо этого выполните потоковую передачу файла. Некоторые API-интерфейсы (например, Amazon S3) могут рассчитывать на потоковую передачу файла, а не на отправку через форму. По умолчанию - false.

  • itemAlias ​​- псевдоним элемента (переопределение имени формы) formatDataFunction - Функция для изменения тела запроса. Для вызова этой функции значение DisableMultipart должно быть истинным.

  • formatDataFunctionIsAsync - Сообщает, является ли функция, отправленная в 'formatDataFunction', асинхронной. По умолчанию - false.

  • parametersBeforeFiles - указывает, должны ли дополнительные параметры добавляться до или после файла. По умолчанию - false.

События

  • fileOver - срабатывает во время событий "окончание" и "выход" для области перетаскивания; возвращает логическое значение: истина, если файл превышает область перетаскивания, ложь в случае выхода. См. Использование в ts demo и html demo

  • onFileDrop - срабатывает после того, как файл был помещен в область перетаскивания; вы можете передать событие $, чтобы получить список файлов, которые были отброшены. т.е. (onFileDrop)="упал ($ событие)"

Ссылка на GitHub: https://github.com/valor-software/ng2-file-upload