Javascript 使用Laravel/jquery异步加载图像

Javascript 使用Laravel/jquery异步加载图像,javascript,php,jquery,laravel,http,Javascript,Php,Jquery,Laravel,Http,我在一个文件夹里有一堆图片,我有以下疑问:我应该从Laravel action返回什么?在客户端加载图像时,如何显示一些文本 通常情况下,我会在问题中包含一些我尝试过的代码,但我甚至不知道如何开始。谷歌帮不了什么忙,因为关键字“image”和“ajax”会导致上传而不是下载问题。你可以这样做: HTML <div id="loadingDiv"><p>i'm loading...</p></div> 这里有更多信息:我建议您发回J

我在一个文件夹里有一堆图片,我有以下疑问:我应该从Laravel action返回什么?在客户端加载图像时,如何显示一些文本


通常情况下,我会在问题中包含一些我尝试过的代码,但我甚至不知道如何开始。谷歌帮不了什么忙,因为关键字“image”和“ajax”会导致上传而不是下载问题。

你可以这样做:

HTML

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

这里有更多信息:

我建议您发回JSON响应。控制器的方法将找到正确的图像名称/相对路径,并返回打包在JSON响应中的所有设置。您也可以添加任何其他信息

return response()->json([
      'images' => <image-array-set>,
      'something_else' => $something_else_here
]);
return response()->json([
“图像”=>,
'something\u other'=>此处为$something\u other\u
]);

然后在客户端/Javascript中,您将解析此信息并相应地加载图像,并在此过程中执行任何其他操作。

您可能只需要“加载”事件,类似于“img.addEventListener('load',showImage)`它应该只在图像容器中隐藏文本并显示图像。关于异步-默认情况下异步加载的图像
return response()->json([
      'images' => <image-array-set>,
      'something_else' => $something_else_here
]);