如何在同一页面上显示transloadit汇编结果？

Question

如何在同一页面上显示/显示transloadit汇编结果？我是否需要在此处更改表单操作

"form action="/uploads"

我使用了以下代码，它会显示结果图像一秒钟，然后重定向到原始网址而不显示结果图片。

代码：

$(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",          
}

Answer 1

您需要设置autoSubmit：false，然后还提供onSuccess（）回调。