2016-08-12 44 views
0

的Jquery:jQuery的圖像顯示

var res = $.parseJSON(data); 

      if(res.status == true) 
       {  
       //console.log(res.show.image); 
        var result = '<img src="{{asset('newuploads/+res.show.image+')}}"><br>'+ 
           'Product Name:'+res.show.product_name+'<br>'+ 
           'Price:'+res.show.price+'<br>'; 

         $('#result').html(result); 
       } 
      } 

產品名稱和價格都顯示而不是圖像。 console.log(res.show.image);給出了正確的圖像名稱,但我無法顯示圖像。

在PHP中,(laravel),這將做到這一點:

<img src="{{asset("newuploads/{$show->image}")}}"> 
+0

是否正確? – Iceman

+0

檢查瀏覽器中的元素並查看src值是什麼 –

+0

看起來你在newuploads /之後缺少一個報價,請嘗試以下操作:var result =' Guillermo

回答

0

{{asset()}}並非爲了動態使用JavaScript。除非你使用handlebars並寫下了自己的助手,asset()只是解析爲您的瀏覽器/,所以我們就這樣做:

'<img src="/newuploads/' + res.show.image + '"/>' 

這將產生你試圖達到同樣的效果。

1

asset是Laravel幫手,見docs。因此,您只需不能在您的JS腳本中使用它。

該問題有很多解決方案,其中一個解決方案爲SO