2016-10-04 185 views
0

我有一個系統上傳圖片,但我想添加選項來旋轉圖片使用Ajax,問題是,如果整個頁面更新變量會話丟失,那麼只需要更新圖像所在的div。鏈接ajax加載php和刷新div

我不能使用的形式,因爲該鏈接的形式,所以它必須是這樣的,如果可能的話...

這就是我想:

的index.php

<?php session_start(); ?> 
... 
<form> 

... 

<div id="thumbs"> 
<?php 
if(isset($_SESSION['sess_img'])){ 
    echo ' 
    <a href="#" class="link" data-artid="'.$_SESSION['sess_img'].'">Rotate</a> 
    '; 
} 
?> 
</div> 

... 

</form> 

... 

<script type="text/javascript"> 
$(function(){ 
    $('.link').click(function(){ 
     var elem = $(this); 
     $.ajax({ 
      type: "GET", 
      url: "rotate.php", 
      data: "file="+elem.attr('data-artid'), 
      success: function(result) { 
      $("#thumbs").html(result); 
      } 
     }); 
     return false; 
    }); 
}); 
</script> 

rotate.php

<?php 
session_start(); 
$route = 'uploads/img/'; 
$file = $_GET['file'];  
rotateImage($route.$file, $route.$file, 90); 
?> 

的想法:

  1. 點擊鏈接。

  2. 過程rotate.php

  3. 更新大拇指的div

問題:

這段代碼什麼也不做,就不會失敗,但是不會運行PHP。

+0

什麼是具體問題或問題?您提供了一些代碼,但沒有指示什麼是或不在工作 – charlietfl

+1

如果ajax調用成功,您是否可以使用css來旋轉用戶?就像添加'transform:rotate(90deg)'一樣,如果用戶想簡單地旋轉圖片,就不需要刷新頁面。 –

+0

@charlietfl問題: 這段代碼什麼都不做,它不會失敗,但不能運行PHP。 – GePraxa

回答