1

ユーザーが写真をトリミングできるようにする次のコードがあります。私がやろうとしているのは、ユーザーが写真をトリミングした後にページを更新して、サムネイルのプレビューを表示できるようにすることです。しかし、すべての場所に更新コードを配置しようとしましたが、更新は機能しません。これを行う方法について何か考えはありますか？（または、私が間違っていることについての考えはありますか？）

編集: http://demos.9lessons.info/cropimages/imagecrop.phpと同じことをしたいが、確認ウィンドウなしで

 <script type="text/javascript">
 function getSizes(im, obj) {
     var x_axis = obj.x1;
     var x2_axis = obj.x2;
     var y_axis = obj.y1;
     var y2_axis = obj.y2;
     var thumb_width = obj.width;
     var thumb_height = obj.height;
     if (thumb_width > 0) {

         $.ajax({
                 type: "GET",
                 url: "ajax_image.php?t=ajax&img=" + $("#image_name").val() + "&w=" +  thumb_width + "&h=" + thumb_height + "&x1=" + x_axis + "&y1=" + y_axis,
                 cache: false,
                 success: function (rsponse)

            {
                     $("#cropimage").hide();
                     $("#thumbs").html("");
                     $("#thumbs").html("<img src='images/" + response + "' />");
                         complete: function() {
                         location.reload(true);
                         }
                 }

             });

     } else
          alert("Please select portion..!");
 }
 $(document).ready(function () {
     $('img#photo').imgAreaSelect({
         aspectRatio: '1:1',
         onSelectEnd: getSizes
     });
 });

</script>
4

1 に答える 1

1

ページ更新コードを完全なコールバックに入れます

例：

$.ajax({
    type: "GET",
    url: "ajax_image.php?t=ajax&img=" + $("#image_name").val() + "&w=" +  thumb_width + "&h=" + thumb_height + "&x1=" + x_axis + "&y1=" + y_axis,
    cache: false,
    success: function (rsponse) {
        $("#cropimage").hide();
        $("#thumbs").html("");
        $("#thumbs").html("<img src='images/" + response + "' />");
    },
    complete: function() {
        location.reload(true);
    }
});

これが役立つことを願っています!!

于 2013-08-18T04:17:04.817 に答える