如何從全球js調用圖像？

... \ htdocs中\ mysystem \ PUBLIC \ JS \ main.js

的這樣的代碼：

$(function(){ 
    ... 
    $('#loading').html('<img class="displayed" src="{{asset("img/loading.gif")}}">'); 
    ...

我把圖像這裏：

... \ htdocs \ mysystem \ public \ img \ loading.gif

當執行時，它不會成功調用圖像，並沒有錯誤

我怎樣才能解決這個問題？

2017-04-21 samuel toh

1：檢查'在瀏覽器F12'開發者控制檯[網絡選項卡] 2：如果你有一個真正的'js'文件我不就可以通過'{{}}'把它解析數據的事情。這是聰明還是小枝？如果$（'＃loading'）。h'行位於頁面的html部分，那麼檢查源代碼是否解析了正確的URL。 – JustOnUnderMillions

@JustOnUnderMillions，那麼解決方案是什麼？ –

事情我給了很多提示。你檢查了所有，你發現了一個可以顯示的bug /問題嗎？我只能在這裏做出假設:-) – JustOnUnderMillions

更正路徑是這樣的形象：

$(function(){ 
 
    ... 
 
    $('#loading').html('<img class="displayed" src="../img/loading.gif">'); 
 
    ...

更新：是必要的解析器？在所提供的背景下，您是否需要它們還不清楚。

2017-04-21 16:02:54

這是一樣的。它不起作用 –

嘗試下面的代碼，如果不工作，讓我知道錯誤/原因。

var imagePath = '{{asset("img/loading.gif")}}'; 
$('#loading').html('<img class="displayed" src="'+imagePath+'">');

2017-04-22 09:57:26

我需要你幫忙。看看這個：http://stackoverflow.com/questions/43780749/how-can-i-make-sub-query-in-laravel-eloquent –

回答