我有一个btn-edit
当我点击它时,模态窗口显示出来,然后我使用ajax发出请求,然后在html的输入标签上显示我的请求..
$('#btn-edit_profile').click(function(){
$('#modal-update_profile').modal({backdrop: 'static', keyboard: true});
$.ajax({
url:'../ajax/getprofile.php',
type:'POST',
data:{userid:user},
dataType:'JSON',
success: function(result){
$('#profile_image').attr('src','data:image/png;base64,'+result.profile_image+'"/>');
$('#users_firstname').val(result.users_firstname);
}
});
});
但我在这里遇到的问题是,在输入标签上它工作正常,但在图像 src 上却不行..出于某种原因,我在控制台上收到此错误.. data:image/png;base64,../img/doc/ui-sam.jpg net::ERR_INVALID_URL
显示 src 文件路径的正确方法是什么?
我的数据库中图像的文件路径是 ../img/doc/ui-sam.jpg
并返回 JSON profile_image: "../assets/img/doctors/ui-sam.jpg"
这就是我希望显示数据库中的图像的地方 <img class="img-responsive" id="profile_image" name="profile_image" src=""/>
最佳答案
$('#btn-edit_profile').click(function(){
$('#modal-update_profile').modal({backdrop: 'static', keyboard: true});
$.ajax({
url:'../ajax/getprofile.php',
type:'POST',
data:{userid:user},
dataType:'JSON',
success: function(result){
$('#profile_image').attr('src',result.profile_image);
$('#users_firstname').val(result.users_firstname);
}
});
});
您将返回图像的 URL,这就是 src 属性所需的全部内容。
关于javascript - 如何使用jquery ajax显示从数据库到图像src的图像文件路径,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43992045/