FileUploader

O File uploader permite que selecionem diferentes tipos de arquivos para fazer o carregamento para um determinado sistema. O componente contempla feedbacks que indicam que o carregamento está acontecendo, sucesso ou falha do processo.

Playground

FileUploader

Nome (* = obrigatório)

Tipo

Valores

Descrição

actionLabel *

string

    O texto que será apresentado dentro do Uploader. É utilizado para dar instruções;
    ex.: "Arraste arquivos para cá"

    supportText *

    string

      Texto de apoio apresentado dentro do Uploader, abaixo do actionLabel.
      É utilizado para especificar informações de upload;
      ex.: "Apenas arquivos PDF são aceitos"

      label

      string

        Título do FileUploader sobre os arquivos a serem enviados.

        secondaryText

        string

          Informações extras sobre os arquivos a serem enviados.
          Apresentado logo abaixo da label.

          uploader

          UploaderProps

            Propriedades do Uploader.

            uploadedFilesList *

            UploadedFilesListProps

              Propriedades da Lista de Arquivos.
              fileList, errorMessage, onDelete e onRetry são obrigatórias.

              Uploader

              Nome (* = obrigatório)

              Tipo

              Valores

              Descrição

              accept

              string

                Define os tipos de extensão aceitas e rejeitadas, assim como MIME types.
                Funciona apenas para o uso da API nativa de seleção de arquivos.
                ex.: "image/png, image/jpeg"

                disabled

                boolean

                  Quando true, desabilita a interação com o Uploader.

                  error

                  boolean

                    Quando true, aplica estilos de erro e mostra a mensagem de erro no Uploader.

                    multiple

                    boolean

                      Quando true, permite a seleção de múltiplos arquivos.
                      Funciona apenas para o uso da API nativa de seleção de arquivos.

                      variant

                      UploaderPosition

                      • vertical

                      • horizontal

                      Define a variante de estilo do Uploader.

                      onUpload

                      (uploadedFiles: Array<File>) => void

                        Método invocado quando um ou mais arquivos são selecionados.
                        É invocado tanto no drag/drop quanto no uso da API nativa.

                        UploadedFilesList

                        Nome (* = obrigatório)

                        Tipo

                        Valores

                        Descrição

                        fileList *

                        Array<UploadedFile>

                          Lista de arquivos enviados.

                          errorMessage *

                          string

                            Mensagem de erro a ser apresentada quando houver erro no envio de algum arquivo.
                            O erro é indicado pela propriedade status de cada UploadedFile.

                            onDelete *

                            (file: File) => void

                              Método invocado quando o botão de deletar de um dos arquivos da lista é clicado.

                              onRetry *

                              (file: File) => void

                                Método invocado quando o botão de retry de um dos arquivos da lista é clicado.
                                Esse botão apenas aparece quando o arquivo está marcado com erro.
                                O erro é indicado pela propriedade status de cada UploadedFile.

                                UploadedFile

                                Nome (* = obrigatório)

                                Tipo

                                Valores

                                Descrição

                                allowDelete

                                boolean

                                  Quando false, não apresenta o botão de remover para aquele arquivo.
                                  Utilizado para quando o arquivo for apenas para visualização.

                                  file *

                                  File

                                    O conteúdo do arquivo enviado e seus metadados.

                                    status *

                                    UploadedFileStatus

                                      O status do envio do arquivo. São eles ERROR, LOADING, NONE e SUCCESS.