Question

我目前正在使用此功能：https://stackoverflow.com/a/24312826/1654748来旋转我的图像。

我还使用header('Location: url.php');重定向到上一页，但问题是，只有大约30％的时间重新加载旋转的图像。

我显示图像的方式是这样的：

$result = mysql_query("SELECT * FROM `media` ORDER BY `id` DESC") or die(mysql_error());

while($row = mysql_fetch_array($result)) {
  echo '<div class="col-lg-3 imgauto">';
  echo '<div class="imagepad">';
  echo '<img src="uploads/'.$row['image'].'">';
  echo '</div>';
  echo '<a href="deletemedia.php?id='.$row['id'].'" data-href="deletemedia.php?id='.$row['id'].'" class="btn btn-danger imagecontrols imgdel" data-toggle="confirmation"><i class="fa fa-close"></i></a>';
  echo '<a href="#" class="btn btn-warning imagecontrols imgedit" data-toggle="modal" data-target="#myModal" href="#"><i class="fa fa-edit"></i></a>';
  echo '<form action="rotateimage.php" method="post">';
  echo '<input name="image" type="hidden" value="uploads/'.$row['image'].'">';
  echo '<button name="save" type="submit" class="btn btn-warning imagecontrols imgrotate"><i class="fa fa-rotate-right"></i></button>';
  echo '</form>';
  echo '</div>';
}

是否可以在没有页面刷新的情况下实现表单动作rotateimage.php，并使用AJAX重新加载修改后的图像？

Answer 1

将表单或按钮放在主.php页面（即index.php）和旋转图像的函数中并将其保存在单独的php文件（即rotateImage.php）中，然后使用ajax调用来调用rotateImage。 PHP

$("#flipPicture").click(function()
{
    $.ajax({
        type:"POST",
        data{postVar:myVar}, //includes whatever variables you want to pass to your rotateImage.php page
        url:"rotateImage.php",
        success: function(data)
                 {
                     $("#imgContainer").html(data);
                 }
    });
});

其中#flipPicture指向旋转图片的（例如按钮）元素的id 和“数据”是你的rotateImage.php回声（你的图像翻转）和“#imgContainer”是放置图像的容器（来自rotateImage.php的代码）

AJAX重新加载旋转图像

1 个答案: