Php 如何使用Laravel 7根据视图中的文件类型显示图标?

Php 如何使用Laravel 7根据视图中的文件类型显示图标?,php,laravel,multifile-uploader,Php,Laravel,Multifile Uploader,您好,感谢您抽出时间帮助我回答我的问题。我有一个任务应用程序,它工作得很好。当你上传图片时,你可以看到他们的缩略图,甚至点击他们,并被引导到一个新的标签,以100%的速度查看图片。问题是,当客户端上载pdf时,图标显示为损坏的图像图标。这是有意义的,因为a标签中的img标签显然是一个图像图标 我的问题是,当我的show.blade.php是图像时,我如何在其中指明它是图像;当它是pdf或doc时,我如何指明它是pdf或dox?正如我所说,该应用程序正在运行,因此我关心的唯一代码是以下代码(除非我

您好,感谢您抽出时间帮助我回答我的问题。我有一个任务应用程序,它工作得很好。当你上传图片时,你可以看到他们的缩略图,甚至点击他们,并被引导到一个新的标签,以100%的速度查看图片。问题是,当客户端上载pdf时,图标显示为损坏的图像图标。这是有意义的,因为a标签中的img标签显然是一个图像图标

我的问题是,当我的show.blade.php是图像时,我如何在其中指明它是图像;当它是pdf或doc时,我如何指明它是pdf或dox?正如我所说,该应用程序正在运行,因此我关心的唯一代码是以下代码(除非我弄错了,请让我知道):

。。。
@结束
@否则
未找到任何文件

@恩迪夫
我在寻找一个类似于条件的东西,它说:如果img,显示拇指,如果不是,显示一个代表“文件”的图标


在此方面的任何帮助都将不胜感激。提前谢谢。

为了让这项功能发挥作用,我将上述代码更改为以下代码:

     @if (in_array($extension = pathinfo($images[$i]['name'], PATHINFO_EXTENSION), ['jpg', 'png', 'bmp']))
        <a data-toggle="" href="/storage/upload/{{ $images[$i]['name'] }}" target="_blank">
            <img src="/storage/upload/{{ $images[$i]['name'] }}" class="image-fluid w-50">
         </a>
     @else
         <a data-toggle="" href="/storage/upload/{{ $images[$i]['name'] }}" target="_blank">
            <img src="{{ "/icons/{$extension}.jpg" }}" class="image-fluid w-50">
         </a>
     @endif
    
     </div>
   @endfor
   @else
   <p class="ml-3 mb-1">No images found</p>
   @endif
    
    </div>
@if(在数组中($extension=pathinfo($images[$i]['name'],pathinfo\u extension),['jpg','png','bmp']))
@否则
@恩迪夫
@结束
@否则

未找到图像

@恩迪夫
然后我添加了一个图标文件夹,并用jpg格式的图标图像填充它。我希望这能帮助其他有同样问题的人

     @if (in_array($extension = pathinfo($images[$i]['name'], PATHINFO_EXTENSION), ['jpg', 'png', 'bmp']))
        <a data-toggle="" href="/storage/upload/{{ $images[$i]['name'] }}" target="_blank">
            <img src="/storage/upload/{{ $images[$i]['name'] }}" class="image-fluid w-50">
         </a>
     @else
         <a data-toggle="" href="/storage/upload/{{ $images[$i]['name'] }}" target="_blank">
            <img src="{{ "/icons/{$extension}.jpg" }}" class="image-fluid w-50">
         </a>
     @endif
    
     </div>
   @endfor
   @else
   <p class="ml-3 mb-1">No images found</p>
   @endif
    
    </div>