与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?