javascript - 画像の結果がページに表示されない

Question

transloadit アセンブリで処理した結果の画像を同じページに表示しようとしています。JavaScript コードは正しいようですが、画像がページに表示されません。これは私が実装しているライブページです。

以下は私のコードです、助けてください!!

<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>