j-PictureUpload

jComponent 20 · jcomponent@20 component Beispiel mit jComponent 20 geladen

Funktioniert mit dem Bootstrap Grid System
Drag-and-Drop-Unterstützung
lädt eine Rohdatei hoch (ohne Größenänderung)

Konfiguration:

width {Number} eine Bildbreite (erforderlich)
height {Anzahl} einer Bildhöhe (erforderlich)
icon {String} (optional) das Beschriftungssymbol ohne ti, (Standard: null)
url {String}“ (optional) Upload-URL (Standard: aktuelle URL)
background {String} (optional) eine Hintergrundfarbe (Standard: Weiß)
src {String} ein Bildpfad (Standard: null), z.B. /img/{0}.jpg
extension {Boolesche} Antwort ohne Dateierweiterung (Standard: false)
singlefile {Boolean}-Antwort ist eine Zeichenfolge anstelle eines Arrays (Standard: true)
new type {String} Vorschau: Ausgabetyp (Standard: png)
new quality {Number} Vorschau: Ausgabequalität

Verwenden Sie es mit <ui-component name="pictureupload">. Wenn die Komponente noch nicht geladen ist, lädt jComponent sie bei der ersten Verwendung von der Adresse in DEF.fallback herunter (standardmäßig das CDN Componentator). Autor: Peter Širka. Quelle: Componentator-Komponenten-Repository, MIT-Lizenz.

example.html

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

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