从 ajax 结果 laravel 将图像附加到表答案

【问题标题】：Append image to table from ajax result laravel从 ajax 结果 laravel 将图像附加到表
【发布时间】：2019-11-24 22:51:46
【问题描述】：

我正在尝试将图像附加到表中，但是每当我提供 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 文件夹中显示图像。如果我从上面删除图像的代码，我会得到其余的结果。

【问题讨论】：

如果花括号在 JS 中，则不会被解析。检查 DOM 并查看 src 属性显示的内容。
如何在 src 中包含 laravel 图像路径？
你可以设置一个访问器，然后在你的 JavaScript 中调用它。

标签： php ajax append laravel-5.8

【解决方案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]);
}

【讨论】：

怎么样：src="{{asset('admin/images/drag-handle.png')}}"?
我更新了我的答案，删除 src。复习一下！希望回答对你有帮助！
在我的控制器中，我给出了这样的：'img_url'=>asset('admin/images/icn_close.png')。直接给花括号对我不起作用。一个
'src="+data.img_url+"' - 错误，字符串用单引号括起来。
是的，你不需要它，祝你好运

【解决方案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>';

【讨论】：