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