将来自 ajax 结果 laravel 的图像附加到 table

Question

我想将图像附加到 table 但是每当我提供 src 路径时，它都不会显示任何结果。

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 脚本中解析 public 图像。

代码中使用资产调用图像时出错。最好分配一个变量，然后使用它就可以了。

喜欢。

 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 的图像附加到 table

Append image to table from ajax result laravel

php

ajax

append

laravel-5.8