converter.getThumbnailWatermarkPreview(Object) Method HTML5/Flash Uploader JavaScript

Syntax

$au.imageUploaderFlash('uploaderID').converters().get(index).getThumbnailWatermarkPreview(previewParams);

Remarks

This method is useful if you want to build a configurable watermark interface (like in our demo application) and need to give an idea about how the watermark will look like to your user.

This method is asynchronous. You pass an object with an image which you want to use for a preview and a callback which is called when the watermark is applied. This callback has a single argument - the img element which you may insert to your DOM document.

As an image, it may accept any string you would pass to the src of an img element - it may be either a URL or an inline image as a base64 string (using data:URL).

Example

Let's imagine that the first converter is used to send a full file and the second one - a watermarked copy.

var conv = $au.imageUploaderFlash('Uploader1').converters().get(1);
conv.getThumbnailWatermarkPreview({
   image:"/images/preview.jpg",
   callback: function(img){
      $("#preview").html(img);
   }
});