Poniżej przedstawiono kompletny przykład obrazujący w jaki sposób wysłać plik graficzny poprzez formularz HTML i następnie dokonać różnych transformacji na wysłanym pliku źródłowym i zaprezentować wynik tych transformacji.
<form name="imagerForm" id="imagerForm" method="post" action="$page.url($currentPageCode())" enctype="multipart/form-data">
<input type="file" id="image" name="image">
<input type="submit" name="uploadImageAction" value="upload">
</form>
$ifNotNull($uploadImageAction, {
$if($>((Long) $image[2], 0), {
$=(@sourceImage, $imager.createImage((byte[]) $image[0], "JPG"))
bytes: $util.length((byte[]) $image[0])
$=(@size, $imager.imageSize($@sourceImage))
width: $@size[0]
height: $@size[1]
<ul>
<li>source: <img src="$imager.imageURL($@sourceImage, "source_image")"></li>
$=(@blurredImage, $imager.blur($@sourceImage))
<li>blurred: <img src="$imager.imageURL($@blurredImage, "blurred_image")"></li>
$=(@sharpenImage, $imager.sharpen($@sourceImage))
<li>sharpen: <img src="$imager.imageURL($@sharpenImage, "sharpen_image")"></li>
$=(@resizedImage, $imager.resize($@sourceImage, 150, 150))
<li>resized (150x150): <img src="$imager.imageURL($@resizedImage, "resized_image")"></li>
$=(@thumbnailImage, $imager.thumbnail($@sourceImage, 150, 150, false))
<li>thumbnail (150x150): <img src="$imager.imageURL($@thumbnailImage, "thumbnail_image")"></li>
$=(@thumbnailCropImage, $imager.thumbnail($@sourceImage, 150, 150, true))
<li>thumbnail crop (150x150): <img src="$imager.imageURL($@thumbnailCropImage, "thumbnail_crop_image")"></li>
</ul>
})
})