图片结果未显示在页面上
Image result not showing on the page
我试图在通过 transloadit 程序集处理后在同一页面上显示结果图像。 javascript 代码似乎是正确的,但图像没有显示在页面上。
这是我正在实施它的 live 页面。
下面是我的代码,请大家帮忙!!
<form action="" enctype="multipart/form-data" method="POST">
<input type="file" name="my_file" multiple="multiple" />
</form>
<div id="thumbnail"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//assets.transloadit.com/js/jquery.transloadit2-v2-latest.js"></script>
<script type="text/javascript">
$(function() {
$('form').transloadit({
wait: true,
triggerUploadOnFileSelection: true,
onResult: function(step, result){
if (step=='thumb'){
$("#thumbnail").html( "<img src=' " + result.url + " '/>");
}
},
params: {
auth: { key: "Public_Key" },
steps: {
thumb: {
use: ":original",
robot: "/image/resize",
result: true,
resize_strategy: "pad",
background: "#000000",
format: "jpg",
watermark_url: "http://www.mygreencity.in/images/Pagdi.png",
watermark_size: "75%",
watermark_position: "center",
}
}
}
});
});
</script>
上传和处理完成后显示图像。但是页面重新加载。检查参数自动提交
autoSubmit : Specifies whether to submit the original form automatically once the upload and processing have completed. This is true by default.
我试图在通过 transloadit 程序集处理后在同一页面上显示结果图像。 javascript 代码似乎是正确的,但图像没有显示在页面上。 这是我正在实施它的 live 页面。
下面是我的代码,请大家帮忙!!
<form action="" enctype="multipart/form-data" method="POST">
<input type="file" name="my_file" multiple="multiple" />
</form>
<div id="thumbnail"></div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<script src="//assets.transloadit.com/js/jquery.transloadit2-v2-latest.js"></script>
<script type="text/javascript">
$(function() {
$('form').transloadit({
wait: true,
triggerUploadOnFileSelection: true,
onResult: function(step, result){
if (step=='thumb'){
$("#thumbnail").html( "<img src=' " + result.url + " '/>");
}
},
params: {
auth: { key: "Public_Key" },
steps: {
thumb: {
use: ":original",
robot: "/image/resize",
result: true,
resize_strategy: "pad",
background: "#000000",
format: "jpg",
watermark_url: "http://www.mygreencity.in/images/Pagdi.png",
watermark_size: "75%",
watermark_position: "center",
}
}
}
});
});
</script>
上传和处理完成后显示图像。但是页面重新加载。检查参数自动提交
autoSubmit : Specifies whether to submit the original form automatically once the upload and processing have completed. This is true by default.