显示视频或图像，具体取决于有效的

Question

所以我有一个用户上传的数据库。用户可以上传图片或视频。

在管理页面上，这些视频/图像应该被复制。

有效的方法如下：

 <repeat group="{{@userUploads}}" value="{{@upload}}">
                        <div class="col-sm-4">
                          <video style="width:100%;" controls>
                      <source src="/{{@upload.path}}"/>
                    Your browser does not support the video tag.
                    </video>
                        <img src="/{{@upload.path}}"/>

                      </div>
                    </repeat>

是的，我正在使用 Fat Free Framework，但不会改变这里的任何行为，所以它并不介意这个问题。

现在如上所述，这有效，但也同时显示（工作视频和不工作图像或工作图像但不工作视频）...我尝试将图像嵌套到视频标签中，但是，这并不也可以工作。

有什么方法可以达到效果，根据路径（分别是图像文件类型），我显示正确的东西（图像或视频）？到目前为止，我唯一的想法是在创建后用 JS 检查每个标签的 src，然后隐藏文件类型不匹配的东西，但是，这对我来说似乎是一个非常丑陋的解决方案（首先显示所有内容，然后检查各种文件类型，我可能会忘记的东西等等）

Answer 1

使用 php exif_imagetype() 函数来测试它是否是图像。虽然我建议在存储到数据库之前这样做。