如何在javascript中显示来自laravel控制器的javascript图像

Question

我的数据中有图像 我的代码是

$(document).ready(function(){   

    $('.show-btn').click(function() {
        var pid = $(this).data("id");
        //alert(pid);
         $.ajax({
               type:'get',
               url:'home/dataajex/'+pid,
               dataType:"json",
               success:function(data) { 
               data.forEach(function(element) {  
                    var imgSource = document.getElementById('data').src ;

                    document.body.appendChild(load_data); 
                    console.log(imgSource);     
                });
                console.log(data);

               }
            });                      
    });
});

我如何在其中显示图像 我的html div ID是load_data

Answer 1

尝试一下

$.ajax({
           type:'get',
           url:'home/dataajex/'+pid,
           dataType:"json",
           success:function(data) { 

             $.each(data, function(index) {
                 $('#yourDivId').append("<img src='"+data[index]+"'>");
             }

           }
        });  

Answer 2

尝试一下

$('.show-btn').click(function() {
    var pid = $(this).data("id");
    //alert(pid);
     $.ajax({
           type:'get',
           url:'home/dataajex/'+pid,
           dataType:"json",
           success:function(data) { 
           data.forEach(function(element) {  
                //var imgSource = document.getElementById('data').src ;
                var img = element.imagepath; // get image path
                $('#data').attr('src',img);
               // document.body.appendChild(load_data); 
               // console.log(imgSource);     
            });
            console.log(data);

           }
        });                      
});