j-Preview

Deze component resecteert de afbeelding automatisch volgens de instellingen en loopt deze op naar de server in het base64-formaat.

• Reactie van de server moet URL's op het beeld bevatten
• Werk met Bootstrap Grid System
• Draag en drop ondersteuning
• Ondersteunt EXIF Oriëntie

De weg:

De waarde/respons (van de upload) wordt gebruikt als een URL voor het voorbeeld.

Configuratie:

• url {String} (IMPORTANT) URL uploaden, kan ook een methode bevatten (verplicht)
• width {Number} een beeldbreedte (verplicht)
• height {Number} een beeldhoogte (verplicht)
• percentage {Number} resecteert een afbeelding volgens het percentage (dan is width en height niet vereist)
• icon {String} (optional) het label icon zonder ti, (default: null)
• background {String} (optional) een achtergrondkleur, het kan transparent zijn (default: white)
• schema {String} voorbereid object voor verzending (de standaard: {file:base64,filename:filename}, base64 + filename is een waarde van de voorbeeld)
• quality {Number} JPEG kwaliteit (default: 90)
• customize {Boolean} resecteert de afbeelding naar de gedefinieerde grootte (default: true)
• preview {String} bereidt een voorwaarde URL (default: null)
  • Voorbeeld: value => '/download/' + value + '.jpg'
• map {String} bereidt een reactiewaarde voor op een waarde (default: null)
  • Voorbeeld: value => value.id
• empty {String} een link naar het leeg beeld
• keeporiginal {Boolean} behoudt de oorspronkelijke afbeelding als de dimensie hetzelfde is als de breedte/hoge gedefinieerd in de configuratie (default: false)
• NEW output {String} uitgangstype base64 (default) of file
• NEW convert {String} een afbeelding type jpg (default) of png
• NEW exec {String} een route naar de methode function(next(url)) (het voorkomt het bestand upload dialoog)
• NEW center {Boolean} regelt de afbeelding en etiket naar het centrum

Methoden:

• component.reupload() heroplaadt een huidige beeldwaarde als basis64.

Gebruik het met <ui-component name="preview">Wanneer de component nog niet is geladen, jComponent Download het op eerste gebruik van het adres in DEF.fallback (De Componentator Schrijver: Peter Širka. bron: de Componentator Componenten repository, MIT licentie.

<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>