與Laravel/jquery異步加載圖像

Question

我在文件夾中有一堆圖像，我有以下疑惑：我應該從Laravel動作返回什麼？如何在圖像加載到客戶端時顯示一些文本？

通常我會在我的問題中包括一些我嘗試過的代碼，但我甚至不知道如何開始。谷歌沒有什麼幫助，因爲關鍵字「圖像」和「阿賈克斯」導致上傳不下載問題。

Answer 1

竟被我d建議你發回一個JSON響應。控制器的方法將找到正確的圖像名稱/相對路徑並返回打包在JSON響應中的所有集合。您也可以添加其他任何信息。

return response()->json([ 
     'images' => <image-array-set>, 
     'something_else' => $something_else_here 
]); 

然後在您的客戶端/ Javascript中，您將解析此信息並相應地加載圖像，並在此過程中執行任何其他操作。

Answer 2

你可以做這樣的事情：

HTML

<div id="loadingDiv"><p>i'm loading...</p></div>   

JS

var $loading = $('#loadingDiv').hide(); 

$(document) 
    .ajaxStart(function() { 
    $loading.show(); 
    }) 
    .ajaxStop(function() { 
    $loading.hide(); 
    }); 


// your ajax calls 

更多的相關信息在這裏：How to show loading spinner in jQuery?