Bootstrap File Input

Em vez de selecionar e carregar um arquivo de cada vez, ou usando vários campos de upload na mesma forma, os desenvolvedores podem implantar Bootstrap Input File para fornecer seus usuários com um arquivo bonita escolhendo interface, completa com as antevisões dos ficheiros, suporte para as seleções de vários arquivos, e vários botões de ação.

Input Bootstrap Arquivo tem basicamente quatro elementos principais. O botão de seleção de arquivo, o botão de upload, o botão seleções Remover, ea seção de visualização.

Cada um destes pode ser desligado ou personalizado via CSS, permitindo que os desenvolvedores para criar seletores de arquivos personalizados, como entenderem para usar em sua aplicação.

Bootstrap do arquivo de entrada também suporta estados com deficiência, é muito leve quando se trata de tamanho do disco, e trata apenas as operações do lado do cliente sobre o processo de upload. Isso significa que ele precisa ser integrado no lado do servidor para realmente salvar e armazenar os arquivos enviados. A boa notícia é que desde que é escrito em JavaScript e HTML 5 pode ser feito para funcionar com quase qualquer tipo de linguagem de programação do lado do servidor.

A demo está incluído com o arquivo de pacote de transferência de entrada Bootstrap

O que é novo nesta versão:.

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.2.8:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.2.2:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.2.1:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.2.0:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.1.8:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.1.7:

• Enhancement:

apoio tags
• Personalizado para layoutTemplates e previewTemplates (novos customLayoutTags propriedades e customPreviewTags incluído).
• Novo evento filebatchselected desencadeada após cada lote de arquivos são selecionados.
• Novo método mais rápido replaceAll em vez de análise de expressão regular para substituir as etiquetas nos modelos.
• Melhorar manipulador de erro para capturar exceções de segurança FileReader e nova propriedade msgFileSecured exibirá a mensagem de exceção de segurança.
• limpeza de código e reestruturar para mudanças fiapos JS (usando o código JSHint biblioteca de limpeza).
• Permitir exibição de nomes de arquivos longos sem quebras espaços / palavra.
• Redefinir Fix da pilha de arquivo para vários modos de upload (única, assíncrono lote e sincronização lote).
• Publique progresso melhorias bar de estilo.

O que é novo na versão 4.0.0:

• Adicionar funcionalidade para upload baseado em AJAX usando HTML5 FormData ( a maioria dos navegadores modernos apoiá-lo). Degradará para formar Baseado submissão normal de arquivo Se essa não é suportado.
• Para usar AJAX Upload, a propriedade uploadUrl é obrigatória e deve ser definido.
• Melhorar plugin para permitir que agora arquivos a ser adicionado, anexado, removidos (com base no feedback de muitos). Assim, pode-se anexar arquivos para visualização.
• New Drag & Drop Zone disponível em pré-visualização para arrastar e soltar arquivos e anexar.
• Excluir ou fazer upload de arquivos um por um ou em lote.
• Se ShowPreview é definido como falso, ou uploadUrl não é suportado plugin irá degradar para upload baseado em formulário normal.
• indicadores configuráveis ​​para arquivos aguardando upload, arquivo enviado com sucesso, os arquivos com erro no upload.
• Capacidade de adicionar dados do formulário extra com uploads baseadas em Ajax.

indicadores
• Publique barra de progresso e upload de miniaturas individual.
• Capacidade de cancelar e interromper os envios AJAX em curso.
• Modelos têm sido renovada e reforçada para cada tipo de arquivo.

O que é novo na versão 3.0.0:

• botão de upload aprimorado para ativar / desativar quando usado com & # X3C; a & # x3e; tag.
• Atualizar visualização para mostrar erros corretamente após cada arquivo é validado.
• Adicionado a capacidade de substituir o método lesma com uma propriedade slugCallback.

O que é novo na versão 2.7.0:.

• Definir liberação para estável em composer.json

O que é novo na versão 2.6.0:

• Melhorar plugin para configurar o `elErrorContainer` para a exibição erros de validação.
• Templatize errorContainer para exibição dentro da janela de pré-visualização.
• correção mais correta para o IE (ver & # X3C; 11). Incapacidade de limpar os valores FileInput

O que é novo na versão 2.4.0:

• Plugin foi renovada para construir a inteligência pré-visualização com base em vários tipos de visualização de arquivos. Os tipos de suporte a arquivos embutido são categorizados como imagem, texto, html, vídeo, áudio, flash, objeto e outros.
• allowedPreviewTypes: Agora você pode configurar qual todos os tipos de arquivos estão autorizados a ser mostrado como uma pré-visualização. O padrão é [ 'imagem', 'html', 'texto', 'video', 'audio', 'flash', 'objeto']. Assim, todos os tipos de arquivo são tratados como um objeto a visualização por padrão. Por apenas imagem e visualização de vídeo exampleTo, você pode definir esta opção para [ 'imagem', 'video'].
• allowedPreviewMimeTypes: Além de allowedPreviewTypes, você também pode controlar quais todos os tipos de MIME pode ser exibida para visualização. Este padrão é nula, ou seja, todos os tipos MIME são suportados.
• layoutTemplates: Permite configurar todas as configurações do modelo de layout dentro de uma propriedade. Os objetos de layout que podem ser configuradas são: main1, main2, pré-visualização, a legenda e modal
.
• previewTemplates: Todos os modelos de visualização para cada tipo de visualização foram combinados em uma propriedade, em vez de modelos separados para imagem, texto etc. As teclas são os formatos estabelecidos na allowedPreviewTypes e os valores são os modelos utilizados para visualização. Existem modelos pré-construídos padrão para cada tipo de arquivo de visualização (genérico, imagem, texto, html, vídeo, áudio, flash, objeto, e outros). O modelo genérico é usado apenas para a exibição de conteúdo initialPreview usando marcação direta.

O que é novo na versão 2.2.0:.

• Atualização readAsBinaryString para readAsArrayBuffer

O que é novo na versão 2.0.0:

• Novos eventos de plugin acrescentou: FileError, fileloaded, filecleared .
• Novos métodos de plugin acrescentou: desabilitar, habilitar
• Avançado modelos configuráveis ​​para visualização de imagem, texto e outros arquivos (e um modelo genérico).
• Faça o texto da legenda configurável através de um novo parâmetro msgSelected.
• cálculo correto dos arquivos selecionados quando initPreview é falsa.
• imagens automáticas escala para pré-visualização, quando as imagens forem demasiado grande para caber no recipiente.

O que é novo na versão 1.8.0:

• modelo de legenda melhorada e estilo para as legendas para evitar transbordamento nomes de arquivos longos de fora do recipiente legenda.

O que é novo na versão 1.7.0:

• O plugin agora oferece uma opção adicional overwriteInitial <. / li>

O que é novo na versão 1.6.0:

• O plug-in oferece agora um método de atualização adicional. Isso permite que você alterar dinamicamente os atributos elemento ou opções do plugin em tempo de execução e atualizar o widget.

Requisitos :

• habilitar o JavaScript no lado do cliente
• jQuery 1.9 ou superior
• Bootstrap 3 ou superior