Jquery 通过在img标记的src中添加图像路径,通过AJAX显示图像

Jquery 通过在img标记的src中添加图像路径,通过AJAX显示图像,jquery,html,ajax,image,Jquery,Html,Ajax,Image,下面我有一个AJAX调用,我正在使用它以模式显示用户详细信息,我最近为用户添加了一个图像上载,但是现在我正在尝试显示图像。在网上查看之后,我看到了非常不同的ajax调用,没有任何适用于这种情况的调用。简单地说,我不知道如何在我下面写的内容中添加图像 要显示图像,我的想法是:$('#user_image').attr(src);但在那之后我有点迷路了 jQuery(文档).ready(函数($){ $('.user_details')。单击(函数(事件){ var a=$(本); //取得身份证

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

要显示图像,我的想法是:$('#user_image').attr(src);但在那之后我有点迷路了

jQuery(文档).ready(函数($){
$('.user_details')。单击(函数(事件){
var a=$(本);
//取得身份证
var currentID=parseInt(a.data('id'));
$.ajax({
键入:“post”,
url:'ajax_user.php',//您应该将查询放在这里
数据类型:“json”,
contentType:“application/x-www-form-urlencoded;charset=utf-8”,
数据:{
“用户id”:当前id
},//这里通过ajax传递您的id。
//在php中,应该使用$\u POST['POST\u id']来获取此值
成功:函数(json){
//在modal中更改ID
var m=$(“#用户_详细信息”),
mBody=m.find(“.面板主体”);
//更新新内容
$('#user_id').text(json.user_id);
$('#user_gender').text(json.user_gender);
$('#user_profession').text(json.user_profession);
$('last\u update').text(json.last\u update);
m、 模态(“show”);
}
});
event.preventDefault();
});
});
ID
  • 职业:
  • 性别:
您可以尝试以下方法:

var imagesource = json.picture_src;
 $('#user_image').html('<img src="'+imagesource+'">');
您可以按照此规则添加额外路径

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

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

并且,除非图像是DATA-URI格式,否则不能返回JSON格式的图像。相反,返回一个URL到图像,然后从另一个图像调用返回。我不想直接显示图像,我想在img标记的src中显示图像路径。
var currencylogo = 'storage/app/'+data.logo;
alert(currencylogo)
$('#sendlogo').attr('src', currencylogo);
$('#sendlogo').attr('src'.data.logo);