js分析返回的后缀名渲染成视频或图片
时间: 2023-05-28 08:02:37 浏览: 161
对于返回的后缀名,可以通过文件类型进行判断,根据不同的类型选择不同的渲染方式。
对于视频文件,可以使用HTML5的video标签进行渲染,例如:
```html
<video src="video.mp4" controls autoplay></video>
```
其中,src属性指定视频的URL,controls属性表示是否显示控制条,autoplay属性表示是否自动播放。
对于图片文件,可以使用HTML的img标签进行渲染,例如:
```html
<img src="image.jpg" alt="图片">
```
其中,src属性指定图片的URL,alt属性表示图片的替代文本,用于当图片无法显示时提供替代信息。
在JavaScript中,可以根据文件的后缀名来判断文件类型。例如,对于视频文件,可以使用以下代码:
```javascript
const videoExtensions = ['mp4', 'avi', 'mov'];
function isVideoFile(filename) {
const extension = filename.split('.').pop();
return videoExtensions.includes(extension);
}
```
该函数接受一个文件名作为参数,通过字符串操作获取文件的后缀名,然后判断后缀名是否在视频文件扩展名数组中,若存在,则返回true,表示该文件是视频文件。对于图片文件,可以使用类似的方法进行判断。
判断文件类型后,就可以根据不同的类型选择不同的渲染方式来呈现文件。
阅读全文