[英]retrieving image from database with ajax append in Laravel 5.4
我正在使用ajax請求從我的數據庫中獲取數據。 現在,我將每個數據附加到我的div中。 現在我的圖像源出現問題。 我將圖像文件放在公用文件夾名稱image_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>')
}
}
}
});
}
我的問題是這部分:
<div class="thumbnail">'+'<img src="{{ asset('image_files/' . '+data[i]['featured_img']+') }}" alt="">'+'</div>'
請幫忙。
{{}}中的代碼被評估為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>');
那可能應該可以解決問題,或者至少會讓您走上正確的道路。
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.