为什么在 xampp 上的 Laravel 项目中动画 gif 链接被破坏？

问题描述

我在 laravel 项目中嵌入了来自 imgur 的 gif 图像。虽然任何外部 jpeg、png 链接都完美地显示在刀片​​上，但每当我用 gif 替换它时，它就会损坏。我正在使用 xampp 本地服务器。 代码片段

<div class="card mb-3">
  <img src="https://i.imgur.com/juuaqEg.gif" alt="Imgur" class="card-img-top" style="width:100%;height: 30vw; object-fit:cover; " alt="...">
  <div class="card-body">
    <h5 class="card-title">List of Students</h5>
    <p class="card-text">This is a comprehensive panel for student management. Click buttons to make changes.</p>
  </div>
</div>

我用静态jpeg/png图片链接替换了imgur链接，渲染没有问题。 Laravel 不允许来自外部链接的 gif 动画吗？

解决方法

试试这个：

<div class="card mb-3">
  <img src="{{ URL::asset('https://i.imgur.com/juuaqEg.gif') }}" alt="Imgur" class="card-img-top" style="width:100%;height: 30vw; object-fit:cover; " alt="...">
  <div class="card-body">
    <h5 class="card-title">List of Students</h5>
    <p class="card-text">This is a comprehensive panel for student management. Click buttons to make changes.</p>
  </div>
</div>

否则尝试在公共文件夹（您的项目）中下载 gif 并调用

<img src="./nameOfTheFile.gif" alt="Imgur" class="card-img-top" style="width:100%;height: 30vw; object-fit:cover; " alt="...">