Przykład

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