通过javascript将img SRC路径传递给PHP函数

pass img src path to php function through javascript

本文关键字:PHP 函数 路径 javascript img SRC 通过      更新时间:2023-09-26
<script type="text/javascript">
  $(function() { 
    $('.LSide img').click(function() { 
      $('.BigImage img').attr("src", $(this).attr("src")); 
      var img =$('.BigImage img').attr("src").slice(0,-5); 
      //alert($('.BigImage img').attr("src").slice(0,-5)) 
      //alert(img); 
    }); 
  });
</script>

我想传递var img变量给php函数,并在点击事件时调用php函数。这可能吗?

您可以使用AJAX调用PHP脚本,并通过该调用传递img的值。

你不能做的是混合Javascript代码(这是一个客户端脚本语言)和PHP代码(这是一个服务器端脚本语言)

当然,您可以通过发送POST请求来做到这一点,而使用AJAX则是:

$.ajax({
  type: "POST",
  url: "some.php",
  data: { img: img.serialize() }
}).done(function( msg ) {
  alert( "Data Saved: " + msg );
});
http://api.jquery.com/jQuery.ajax/

In your html file. Call click finction like this:
<img src="a.png" id="BigImage" onclick="click()">
<script type="text/javascript">
function click(){
    var a = document.getElementById('BigImage').src; //id of your img tag
    $.ajax({
        type: "POST",
        url: 'b.php',
        data: { ch : a },
        success: function(data){
            alert(data);
           }
    });
}
</script>
In your b.php file use `$_POST['ch']` as you want
    <?php
       echo $_POST['ch'];
    ?>