img etiketinin src'sine görüntü yolu ekleyerek AJAX aracılığıyla görüntü görüntüleme

Question

Aşağıda, kullanıcı ayrıntılarını bir modelde görüntülemek için kullanıyorum bir AJAX çağrısı var, yakın zamanda kullanıcılar için bir resim yüklemesi ekledim, ancak şimdi Görüntüyü görüntülemeye çalışıyorum. Online baktıktan sonra çok farklı ajax aramaları gördüm ve bu durum için geçerli hiçbir şey yoktu. Ve bunu basitleştirmek için, aşağıda yazdıklarıma nasıl bir resim ekleyeceğimi bilmiyorum.

Görüntüyü göstermek için şunun gibi bir şey düşünüyorum: $ ('# user_image'). Attr (src); ama bundan sonra biraz kayboldum.

jQuery(document).ready(function($) { 
    $('.user_details').click(function(event) { 
    var a = $(this); 

    // Get ID 
    var currentID = parseInt(a.data('id')); 

    $.ajax({ 
     type: 'post', 
     url: 'ajax_user.php', // in here you should put your query 
     dataType: 'json', 
     contentType: "application/x-www-form-urlencoded;charset=utf-8", 
     data: { 
     'user_id': currentID 
     }, // here you pass your id via ajax . 
     // in php you should use $_POST['post_id'] to get this value 
     success: function(json) { 

     // Change the ID in modal 
     var m = $('#user_details'), 
      mBody = m.find('.panel-body'); 

     // Update new content 
     $('#user_id').text(json.user_id); 
     $('#user_gender').text(json.user_gender); 
     $('#user_profession').text(json.user_profession); 
     $('#last_update').text(json.last_update); 


     m.modal('show'); 

     } 
    }); 

    event.preventDefault(); 
    }); 
}); 

<h2 class="pull-right label label-default display-list"> ID<span class="span-modal-text" id='user_id'></span></h2> 
<ul> 
    <li><b>Profession:</b> <span class="" id="user_profession"></span></li> 
    <li><b>Gender:</b> <span class="" id="user_gender"></span></li> 
</ul> 

Answer 1

Bu deneyebilirsiniz:

var imagesource = json.picture_src; 
$('#user_image').html('<img src="'+imagesource+'">'); 

Bu $('#user_image') bir <span> veya <div> unsurdur devraldı. bir <img> eleman ise

, Böyle bir şey yapabilirsiniz:

var imagesource = json.picture_src; 
$("#user_image").attr("src",imagesource);