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

Question

下面我有一个 AJAX 调用，我用来在模式中显示用户详细信息，我最近为用户添加了一个图像上传，但是现在我正在尝试显示图像。 在网上查看后，我看到了非常不同的 ajax 调用，并且没有任何适用于这种情况。 简单来说，我不知道如何在下面写的内容中添加图像。

要显示图像，我在想： $('#user_image').attr(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>

Answer 1

你可以试试这个：

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);

Answer 2

var currencylogo = 'storage/app/'+data.logo;
alert(currencylogo)
$('#sendlogo').attr('src', currencylogo);

您可以按照此规则添加额外的路径。

或者，如果您的图像路径是public/image/123.png那么试试这个。

$('#sendlogo').attr('src'.data.logo);