Question

我想将图像追加到表中，但是每当我给出src path时，它都不会显示任何结果。

if(data ){
          txt += '<tr><td>'+data.groupname[i].group_name+'</td><td class="text-right"><img class="remove" src="{{asset('admin/images/icn_close.png')}}" alt="" /><img class="drag-handle" src="{{asset('admin/images/drag-handle.png')}}" alt=""></td></tr>';
          }
if(txt != ""){
          $("#table").append(txt);
            }

我想在public / admin / images文件夹中显示图像。如果从上面删除图像代码，则得到其余结果。

Answer 1

您不能在JavaScript中使用资产这样您就可以通过响应获取路径

if(data ){
          txt += '<tr><td>'+data.groupname[i].group_name+'</td><td class="text-right"><img class="drag-handle" src="'+data.img_url+'" alt=""></td></tr>';
          }

以及您控制器中的方法

public function get(){
return reponse()->json(['img_url'=>asset('admin/images/icn_close.png'),'groupname'=>$groupname]);
}

Answer 2

您还可以使用资产使用Java脚本解析公共图像。

在代码中，使用资产调用图像时出错。最好先分配一个变量，然后再使用它。

喜欢。

 var icn_close="{{ asset('admin/images/icn_close.png') }}";
   var drag_handle="{{ asset('admin/images/drag-handle.png') }}";
   var group_name = data.groupname[i].group_name;
   txt += '<tr><td>'+group_name+'</td><td class="text-right"><img class="remove" src="'+icn_close+'" alt="" /><img class="drag-handle" src="'+drag_handle+'" alt=""></td></tr>';

将图像从Ajax结果laravel追加到表格

2 个答案: