Uploading Images

Supported technologies:

This section tells about transforming user-selected images before upload. HTML5/Flash Uploader can resize, recompress, and rotate images on a client side. These transformations may be combined, for example, an image can be resized and rotated at the same time. You can create three or less transformed versions of one image, for instance, the first one is a considerably downsized version and the second one is recompressed. An image you get after applying any set of transformations is called thumbnail.

To configure a thumbnail you should add a ConverterConverter (ASP.NET)Converter (PHP)converter (JavaScript) to the ImageUploaderFlash.ConvertersConverters (ASP.NET)Converters (PHP)converters (JavaScript) collection and set its ModeMode (ASP.NET)Mode (PHP)mode (JavaScript) property to Thumbnail. For more information about converters, please, see the Configuring Files to be Uploaded in HTML5/Flash Uploader topic.

Each thumbnail is a file, so on the server you can save uploaded thumbnails using any approach examined in the saving uploaded files saving uploaded files in PHP saving uploaded files in ASP.NET saving uploaded files in other platforms topic.

Now, when you have an idea about what thumbnail means in terms of HTML5/Flash Uploader, how to configure converters, and how to save uploaded files, let us briefly describe each topic of this section:

• The Resizing and Recompressing via HTML5/Flash Uploader topic tells about basic concepts, such as thumbnail size and quality. It also gives an advice on handling the situation when a thumbnail cannot be created.
• The Rotating and Cropping Images in HTML5/Flash Uploader topic describes how to rotate images in two modes: manual and automatic.
• The Working with EXIF and IPTC Metadata in HTML5/Flash Uploader topic gives a brief definition of what metadata are, and describes HTML5/Flash Uploader possibilities in metadata handling, especially preserving metadata in thumbnails.