Javascript-AJAX显示表中的图像

我已经使用json获得了表中图像的文件名，我的代码是

$（“show_product_img”）.val（data.picture），现在我想在我的页面中显示图像。在我的var
urlimg
中，是存储我的图像的链接。因此，我将调用
urlimg
，并获取图像的文件名，该文件名位于
$（“show\u product\u img”）.val（data.picture）

如何在页面中显示图像？顺便说一句，我使用的是codeigniter框架，下面是我的代码

AJAX

var prodid = $("#prod-names option:selected").attr("value");
var url = "http://localhost:800/client_ayos/administrator/createpromoajax/"+prodid;
var urlimg = "http://localhost:800/client_ayos/uploads/"; //this is where the images are stored
var type = "GET";

$.getJSON( url,type, function(data) {
    console.log(data);
    $("#orig-price").val(data.price);
    $("#supplier").val(data.supplier); 
    $("show_product_img").val(data.picture);
}

HTML

<div class="form-group" id="product_img" hidden>
    <label class="control-label col-md-3 col-sm-3 col-xs-12">Product Image</label>
        <div class="col-md-6 col-sm-6 col-xs-12">
            <img  id="show_product_img" class="form-control" />
        </div>
</div>


产品形象

使用此选项设置图像

或者干脆

var image = document.getElementById("show_product_img");
image.src = data.picture;

使用jQuery

document.getElementById("show_product_img").src = data.picture;

我试过了，你的密码还是不起作用。我将所有图像存储在我的数据库中，并将其放入../uploads/中，代码中的var urlimg=“”；也许这就是它没有显示的原因，我想问一下，我如何调用这个url来显示图像我的产品图像的文件名，比如image.jpg，所以要显示图像，我认为var urlimg=“localhost:800/client\u ayos/uploads/”是存储所有图像（具有特定文件名和文件扩展名）的链接。那么我如何使用ajax在chrome的“ctrl+shift+j”上使用urlimg+data.pictureopen控制台并转到网络选项卡。。然后重新加载页面。。您将看到图像的url为红色。。检查url。。是否指向正确的位置。。我已经用这个$（“#show_product_img”）.attr（“src”，imgurl+data.picture）解决了这个问题；非常感谢你的帮助
document.getElementById("show_product_img").src = data.picture;

$("#show_product_img").attr("src",data.picture);