检查文件是图像还是视频，并使用正确的标签？

【问题标题】：Check if file is an image or video, and use right tags?检查文件是图像还是视频，并使用正确的标签？
【发布时间】：2021-09-19 05:11:28
【问题描述】：

检查文件是否为 Img/视频的最有效方法是什么。然后在react中上传相应的tag？

我不知道反应中有一个“做所有事情”标签......所以我必须使用 if/else 检查然后使用图像或视频标签吗？

注意：可能是图像的多个版本（jpg/png/webp）

【问题讨论】：

标签： reactjs jsx

【解决方案1】：

1-使用此链接获取文件的扩展名： How can I get file extensions with JavaScript? 2-定义2个状态（imageFile和videoFile）并设置状态以指示您是否有图像或视频：

if (extension==="jpg" ||
      extention==="png"){
    setImageFile(true)
}

3- 进行如下条件渲染：

<div>
   {imageFile && <img>{file}</img>}
   {videoFile && <video>{file}</video>}
</div>

【讨论】：