通过AJAX添加图像路径到img标签的src显示图像

下面我有一个AJAX调用，我用它来显示模式中的用户细节，我最近为用户添加了一个图像上传，但是现在，试图显示图像。在网上查看后，我看到了非常不同的ajax调用，并且没有适用于这种情况。简而言之，我不知道如何将图像添加到我在下面写的内容中。为了显示图像，我想像这样：$（'＃user_image'）。attr（src）;但之后我有点迷路。通过AJAX添加图像路径到img标签的src显示图像

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>

来源

2016-04-11 Kez

，除非它是在DATA-URI格式，你不能在JSON返回图像。而是返回一个网址到图像，然后您将从另一个图像调用返回 – mplungjan

我不是想直接显示图像，我试图在img标签的src中显示图像路径。 – Kez

你可以试试这个：

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

这是假定$('#user_image')是<span>或<div>元素。

如果是<img>元素，你可以做这样的事情：

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

来源

2016-04-11 11:38:44

通过AJAX添加图像路径到img标签的src显示图像

回答

相关问题