Question

我有一个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=""/>

的地方

Answer 1

$('#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);
            }
    });
});

您正在返回图片的网址，这是src属性所需的全部内容。

如何使用jquery ajax从数据库到图像src显示图像文件路径

1 个答案: