j-Preview

Această componentă resizează automat imaginea în funcție de setări și o încărcă la server în format base64.

• Reacția serverului trebuie să conțină adresa URL a imaginii
• Funcționează cu sistemul Bootstrap
• Drag și Drop suport
• susține orientarea EXIF

Calea:

Valoarea/responsul (de la încărcare) va fi utilizat ca adresă URL pentru preview.

Configurarea:

• url {String} (IMPORTANT) URL-ul de încărcare, poate conține și o metodă (reclamată)
• width {Number} o lățime a imaginii (reclamat)
• height {Number} înălțimea imaginii (necesită)
• percentage {Number} resizează o imagine în funcție de procent (dacă width și height nu sunt necesare)
• icon {String} (opțional) iconul de etichetă fără ti, (default: null)
• background {String} (opțional) o culoare de fundal, poate fi transparent (default: white)
• Obiectul schema {String} pregătit pentru trimitere (default: {file:base64,filename:filename}, base64 + filename este o valoare de la preview)
• quality {Number} Calitatea JPEG (defaultă) 90)
• customize {Boolean} resizeaza imaginea la dimensiunea definita (default: true)
• preview {String} pregătește o adresă URL de prevedere a valorii (default: null)
  • Exemplu: value => '/download/' + value + '.jpg'
• map {String} pregătește valoarea răspunsului la o valoare (default: null)
  • Exemplu: value => value.id
• empty {String} - un link la imaginea goală
• keeporiginal {Boolean} păstrează imaginea originală dacă dimensiunea este aceeași cu lățimea/ălțimea definită în configurație (default: false)
• NEW output {String} tip de ieșire base64 (default) sau file
• NEW convert {String} un tip de imagine jpg (default) sau png
• NEW exec {String} o cale spre metoda function(next(url)) (acest dialog împiedică încărcarea fișierului)
• NEW center {Boolean} aliniază imaginea și eticheta cu centrul

Metode:

• component.reupload() reîncărcă o valoare a imaginii curente ca bază64.

Utilizați-l cu <ui-component name="preview">Când componenta nu este încă încărcată, jComponent Descărcați-l la prima utilizare de la adresa DEF.fallback (în cazul Componentator Autor: Peter Širka. sursă: Componentator Componente de stocare, MIT licență.

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