j-Preview

Questo componente riproduce automaticamente l'immagine secondo le impostazioni e lo carica sul server in formato base64.

• La risposta dal server deve contenere l'URL dell'immagine
• Funziona con il sistema Bootstrap Grid
• Il supporto di drag e drop
• Sostenere l'orientamento EXIF

Il cammino:

Il valore/risposta (dal upload) sarà utilizzato come URL per la preview.

Configurazione:

• url {String} (IMPORTANT) URL di caricamento, può contenere anche un metodo (necessario)
• width {Number} una larghezza dell'immagine (necessaria)
• height {Number} (altezza di un'immagine)
• percentage {Number} riproduce un'immagine in base al percentuale (quindi width e height non sono richiesti)
• icon {String} (opzionale) l'icona di etichetta senza ti, (default: null)
• background {String} (opzionale) un colore di sfondo, può essere transparent (default: white)
• L'oggetto schema {String} preparato per l'invio (default: {file:base64,filename:filename}, base64 + filename è un valore da preview)
• quality {Number} Qualità JPEG (per impostazione predefinita) 90)
• customize {Boolean} risuona l'immagine alla dimensione definita (default: true)
• preview {String} prepara un indirizzo URL prevedibile (default: null)
  • Esempio di value => '/download/' + value + '.jpg'
• map {String} prepara il valore di risposta a un valore (default: null)
  • Esempio di value => value.id
• empty {String} un collegamento all'immagine vuota
• keeporiginal {Boolean} conserva l'immagine originale se la dimensione è la stessa della larghezza/altezza definita nella configurazione (default: false)
• NEW output {String} tipo di uscita base64 (default) o file
• NEW convert {String} un tipo di immagine jpg (default) o png
• NEW exec {String} un percorso al metodo function(next(url)) (è impedito il dialogo di caricamento del file)
• NEW center {Boolean} alinea l'immagine e l'etichetta al centro

Metodi:

• component.reupload() ricarica un valore immagine corrente come base64.

Utilizzare con <ui-component name="preview">Quando il componente non è ancora caricato, jComponent Scarica il codice in prima utilizzazione dall'indirizzo DEF.fallback (Il Componentator La storia di Peter Širka.Fonte: il Componentator Ristorante dei componenti, licenza 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>