Javascript 在Laravel 5.4中使用ajax append从数据库检索图像

我使用ajax请求从数据库中获取数据。现在，我将所有数据追加到我的div中。现在，我的图像源出现了问题。我将图像文件放在名为image\u files的公用文件夹中。我的问题是通过源代码检索图像，并在ajax中使用数据库中的图像文件名进行转换

这是我的密码：

function getProducts(category_id) {
    $("#product-list").empty();
    $.ajax({
        url:"{{ url('product') }}/" +category_id,        
        type:"GET",
        dataType: "JSON",        
            success: function(data) {
                if(data.length>0) {
                    for(i=0;i<data.length;i++) {                        
                        $('#product-list').append('<div class="col-md-3 col-sm-3 hero-feature">'+'<div class="thumbnail">'+'<img src="{{ asset('image_files/' . '+data[i]['featured_img']+') }}" alt="">'+'</div>')
                    }
                }
            }
            });
        }

功能getProducts（类别id）{ $（“#产品列表”）.empty（）； $.ajax({ url:“{url（'product'）}}/”+类别id， 键入：“获取”， 数据类型：“JSON”， 成功：功能（数据）{ 如果（数据长度>0）{

---

对于（i=0；i，{{}}内的代码作为laravel的系统变量进行计算，因此不能在其中混合使用javascript

$('#product-list').append('<div class="col-md-3 col-sm-3 hero-feature"><div class="thumbnail"><img src="{{ url('image_files/') }} ' + data[i]['featured_img'] +'" alt=""></div>');

$（“#产品列表”）。附加（“”）；

这可能会达到你的目的，或者至少会让你走上正确的道路。

图像未找到galaxy-s8\u gallery\u front\u black\u s4.png

$('#product-list').append('<div class="col-md-3 col-sm-3 hero-feature"><div class="thumbnail"><img src="{{ url('image_files/') }} ' + data[i]['featured_img'] +'" alt=""></div>');