Javascript - テーブルからの画像を表示するAJAX

Question

私のコードが$("show_product_img").val(data.picture);のjsonを使用して、すでにテーブルの画像のファイル名を取得しましたが、今は自分のページに画像を表示したいと思います。私のバリューではurlimgは私の画像が保存されているリンクです。だから私はurlimgと呼んで、私の画像のファイル名を取得する$("show_product_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> 

Answer 1

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

変更JS ..

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

使用これはイメージを設定します。

または単にjQueryの

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