javascript - 使用jquery和php更新img

Question

我正在尝试使用ajax和php更新img封面而不刷新页面，但它根本不起作用

HTML

  <div class="cover" >
  <img  id="b1"  src="<?php echo $user->picture_path();>"class="cover"/>          
                <div id="modal-cover" class="cov-lo">        </div>
   </div>

js

$('#b2').on({
    'click': function(){ 
     $('#b1').attr('src', <?php echo $user->picture_path();?> + '?' + new Date().getTime());}
});

输入和表单

   <form  action="profile.php" method="POST" enctype="multipart/form-data"  > 
            <div class="hio"> 
                                        Upload                                   <input  type="file" onchange="this.form.submit()" name="cover" id="bla2"class="custom-file-input" /> 
 </div> 
             </form>

Answer 1

Ajax 看起来更像是这样:

js/jQuery:

$(document).on({'click', '#b2', function(){ 
    $.ajax({
        type: 'post',
         url: 'my_ajax_processor_file.php',
        data: '',
        success: function(data){
            $('#b1').attr('src', data);
        }
    }); //END ajax

}); //END #b2.click

my_ajax_processor_file.php:

<?php 
    $dt = new Date().getTime();
    $pp = 'get user picture path here';
    echo $pp .' - '. $pp;

请注意，您需要一个外部 PHP 文件，我将其称为 my_ajax_processor_file.php，它会执行一些额外的 PHP 处理并 ECHO 返回一个值。

该值在 AJAX 代码块的 success 函数中接收，并称为 data (您喜欢怎么调用它 - 名称就在此处设置:function(数据)。

请注意，data 变量的内容仅在该成功函数中可用。

<小时/>

以下是 AJAX 的一些更基本的示例:

A simple example

More complicated example

Populate dropdown 2 based on selection in dropdown 1