j-ClipboardImage

jComponent 20 · jcomponent@20 component Voorbeeld geladen met jComponent 20

Deze component slaat automatisch afbeeldingen in de Clipboard.

Configuratie:

quality {Number} JPEG kwaliteit (default: 90)
maxwidth {Number} een maximale breedte (default: 1024)
maxheight {Number} een maximale hoogte (default: 768)
exec {String} een link om de methode uit te voeren als de afbeelding is verkregen
disabled {Boolean} kan deze component ontgrendelen
type {String} uitgangstype, ondersteunt png of jpg (default)
NEW output {String} uitgangstype base64 (default) of file

Hoe te vangen van gegevens?

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

Gebruik het met <ui-component name="clipboardimage">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.

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>