Apply a watermark to an image and store this watermarked version and the original uploaded file

The demo below resizes and watermarks incoming images and stores both the watermarked versions and the original files on your server via SFTP.

Since this is a store robot, make sure to use templates! Templates are encrypted on our server, so you can safely provide your server username as opposed to showing them in your form's html code. » See full documentation

The template
Javascript code

"steps": {
  "thumb": {
    "robot": "/image/resize",
    "width": 250,
    "height": 250,
    "resize_strategy": "pad",
    "format": "jpg",

    "watermark_url": "https://transloadit.com/img/robots/170x170/video-encode.png",
    "watermark_size": "25%",
    "watermark_position": "bottom-right"
  },
  "store": {
    "robot": "/sftp/store",
    "use": ["thumb", ":original"],
    "user": "not_our_correct_user",
    "host": "sftp-demo.transloadit.com",
    "path": "uploads/make/this/dir/if/you/!_like/${file.url_name}",
    "url_template": "http://sftp-demo.transloadit.com:81/make/this/dir/if/you/!_like/${file.url_name}"
  }
}

$(function() {
  $('form').transloadit({
    wait: true,
    autoSubmit: true
  });
});

The form

For demos we allow a maximum of 30MB.

This form is html5-multiupload enabled. If your browser supports it, you can select multiple files and execute the template with them.