j-Preview

Este componente resiste automaticamente a imagem de acordo com as configurações e o carrega para o servidor em formato base64.

• A resposta do servidor precisa de conter o endereço URL da imagem
• Trabalhe com o sistema Bootstrap Grid
• Acompanhe e Drop Support
• Apoio à orientação EXIF

Caminho:

O valor/resposta (do upload) será usado como um endereço de URL para pré-visualização.

Configuração:

• url {String} (IMPORTANT) upload URL, pode conter um método também (requerido)
• width {Number} uma largura de imagem (requerido)
• height {Number} - altura da imagem (requerida)
• percentage {Number} reside uma imagem de acordo com a porcentagem (até width e height não são necessários)
• icon {String} (opcional) o ícone de rótulo sem ti, (default: null)
• background {String} (opcional) uma cor de fundo, pode ser transparent (default: white)
• schema {String} objeto preparado para envio (default: {file:base64,filename:filename}, base64 + filename é um valor de pré-visualização)
• Qualidade de quality {Number} JPEG (default: 90)
• customize {Boolean} reside a imagem para o tamanho definido (default: true)
• preview {String} prepara um URL de previsão de valor (default: null)
  • Exemplo de value => '/download/' + value + '.jpg'
• map {String} prepara o valor de resposta para um valor (default: null)
  • Exemplo de value => value.id
• empty {String} um link para a imagem vazia
• keeporiginal {Boolean} mantém a imagem original se a dimensão for a mesma que a largura/altura definida na configuração (default: false)
• NEW output {String} tipo de saída base64 (default) ou file
• NEW convert {String} um tipo de imagem jpg (default) ou png
• NEW exec {String} um caminho para o método function(next(url)) (impede o diálogo de upload de arquivos)
• NEW center {Boolean} alinhará a imagem e o rótulo ao centro

Métodos:

• component.reupload() recarrega um valor da imagem atual como base64.

Use-o com <ui-component name="preview">Quando o componente ainda não está carregado, jComponent Descarrega-o no primeiro uso do endereço DEF.fallback (a partir do Componentator CDN por padrão). autor: Peter Širka. fonte: o Componentator Reserva de componentes, licença MIT.

<div style="padding:50px;max-width:300px">
	<ui-component name="preview" path="picture" config="width:300;height:200;url:POST /upload/;icon:folder">Preview</ui-component>
</div>

<script>
	var picture = '';
</script>