# j-ClipboardImage

> Diese Komponente erfasst automatisch Bilder in der Zwischenablage.

Framework: jcomponent20
Product: jComponent 20 (jcomponent@20)
Language: de
Content-SHA256: 7a8d2fd1e5f6f1d21dc976401a8bfcad964aee59217cd08bd177dc692411c36c
Snapshot: c0700e321579725c5cf4f5ace1ad7d2866d1b4f93c24a63c0b41b6b7998e976c
Sources: components@910ed1a86f6e72b4f031d3ad0dc7844f9fc5cb8e
Review: not-recorded

Diese Komponente erfasst automatisch Bilder in der Zwischenablage.


__Konfiguration__:

- `quality {Number}` JPEG-Qualität (Standard: `90`)
- `maxwidth {Number}` eine maximale Breite (Standard: `1024`)
- `maxheight {Number}` eine maximale Höhe (Standard: `768`)
- `exec {String}` ein Link zum Ausführen der Methode, wenn das Bild erhalten wird
- `disabled {Boolean}` kann diese Komponente deaktivieren
- Ausgabetyp `type {String}`, unterstützt `png` oder `jpg` (Standard)
- __NEW__ `output {String}` Ausgabetyp `base64` (Standard) oder `file`

__Wie werden Daten erfasst?__

```javascript
// Attach event
ON('clipboardimage', function(base64) {
	// We have to send data on the server in Base64 format
	AJAX('POST /upload/', { file: base64 }, function(response) {
	});
});
```

Verwenden Sie es mit `<ui-component name="clipboardimage">`. 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.

```html example.html
<ui-component name="clipboardimage" config="quality:90"></ui-component>
<div>Create a screenshot into the clipboard and press shortcuts CMD+V or CTRL+V into the iFrame (iFrame has to be focused).</div>
<br />
<div id="output"></div>

<script>
	ON('clipboardimage', function(base64) {
		var img = new Image();
		img.src = base64;
		$('#output').empty().append(img);
	});
</script>
```