0

How to show/display transloadit assembly result on same page? Do I need to change form action here

"form action="/uploads"

I've used the following code, it shows the result image for a second and then redirects to the original URL without showing the result image.

Code:

$(function() {
$('form').transloadit({
wait: true,
triggerUploadOnFileSelection: true,
onResult: function(step, result){
if (step=='thumb'){
$("#thumbnail").html( "<img src=' " + result.url + " '/>");
}
},
params: {
auth: { key: "Auth_Key" }, 
steps: {
thumb: {
use: ":original",
robot: "/image/resize",
result: true,
width: 250,
height: 250,       
watermark_url: "https://transloadit.com/img/robots/170x170/video-encode.png",
watermark_size: "75%",
watermark_position: "center",          
}
Ahmed Ashour
  • 5,179
  • 10
  • 35
  • 56
Jamshed Qureshi
  • 73
  • 1
  • 1
  • 9

1 Answers1

0

You need to set autoSubmit: false and then also provide an onSuccess() callback.

Tim Koschützki
  • 111
  • 4