js判断文件类型，图片、视频等格式

「爱情、让人受尽委屈。」 2023-10-17 09:04 118阅读 0赞

功能说明：js实现判断文件类型,图片‘视频等格式，当不符合格式时，会自动清除，并重新选择。’

**1.、图片、视频等格式判断，直接上代码**

<script type="text/javascript">  
//1、这个函数是，判断**图片格式**\--------------------------------------------------------------------  
function checkImg()\{  
var img\_id=document.getElementById('movie\_img').value; //根据id得到值  
var index= img\_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位  
img\_id=img\_id.substring(index); //截断"."之前的，得到后缀  
if(img\_id!=".bmp"&&img\_id!=".png"&&img\_id!=".gif"&&img\_id!=".jpg"&&img\_id!=".jpeg")\{  //根据后缀，判断是否符合图片格式  
alert("不是指定图片格式,重新选择");  
document.getElementById('movie\_img').value=""; // 不符合，就清除，重新选择  
\}  
\}  
//2、这个函数是，判断**视频格式**\---------------------------------------------------------------  
function checkTv()\{  
var tv\_id =document.getElementById('movie\_tv').value;//根据id得到值  
var index= tv\_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位  
tv\_id=tv\_id.substring(index); //截断"."之前的，得到后缀  
if(tv\_id!=".mp4"&&tv\_id!=".rmvb"&&tv\_id!=".avi"&&tv\_id!=".ts")\{ //根据后缀，判断是否符合视频格式  
alert("不是指定视频格式,重新选择");  
document.getElementById('movie\_tv').value=""; // 不符合，就清除，重新选择  
\}  
\}  
//3、这个函数是，配对**指定格式文件**\-----------------------------------------------------------  
function checkSeq(suffix)\{  
var seq\_id =document.getElementById('file\_seq').value; //根据id得到值  
var index= seq\_id.indexOf("."); //（考虑严谨用lastIndexOf(".")得到）得到"."在第几位  
seq\_id=seq\_id.substring(index); //截断"."之前的，得到后缀  
if(seq\_id!=".suffix")\{ //根据后缀，判断是否符合格式  
alert("不是指定文件格式,重新选择");  
document.getElementById('file\_seq').value=""; // 不符合，就清除，重新选择  
\}  
\}  
  
  
</script>

**2.我说说**

博主纯手打，如果觉得还行，帮忙点个赞。

**3.效果图片**

![Center][]![Center 1][]![Center 2][]

[Center]: https://img-blog.csdn.net/20161020155056205?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 1]: https://img-blog.csdn.net/20161020155103788?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center
[Center 2]: https://img-blog.csdn.net/20161020155110205?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center

发表评论取消回复

表情：

评论列表（有 0 条评论，118人围观）

还没有评论，来说两句吧...

相关阅读

相关 js判断文件类型，图片、视频等格式

功能说明：js实现判断文件类型,图片‘视频等格式，当不符合格式时，会自动清除，并重新选择。’ 1.、图片、视频等格式判断，直接上代码 <script type="text/

「爱情、让人受尽委屈。」/ 2023年10月17日 09:04/ 0 赞/ 119 阅读

相关 fiddler——插件下载——js文件格式、图片等

下载地址：[https://www.telerik.com/fiddler/add-ons][https_www.telerik.com_fiddler_add-ons] 直

比眉伴天荒/ 2023年10月02日 08:41/ 0 赞/ 60 阅读

相关检查图片,视频格式

感谢提供图片的网站 [https://blog.csdn.net/qq\_36120342/article/details/87437581][https_blog.c

以你之姓@/ 2023年06月06日 04:53/ 0 赞/ 8 阅读

相关没有找到支持视频类型格式_不同类型的视频格式

没有找到支持视频类型格式 Whenever a video file is basically saved it contains two types of file in

以你之姓@/ 2023年03月05日 12:35/ 0 赞/ 89 阅读

相关 java 判断文件类型是否是音频_Android判断文件类型（视频、音频、图片等） | 学步园...

MediaFile.java package com.jaycee.vplayer.util; import java.util.HashMap; import java

痛定思痛。/ 2022年11月06日 10:53/ 0 赞/ 327 阅读

相关视频文件格式--视频封装格式--视频编码格式区分

转载：[https://blog.csdn.net/qq\_41498261/article/details/84205505][https_blog.csdn.net_qq_

た入场券/ 2022年11月04日 11:18/ 0 赞/ 280 阅读

相关 js判断上传图片格式类型、尺寸大小

//判断图片类型 var f=document.getElementById("File1").value; if(f==" "){ ale

向右看齐/ 2022年10月02日 04:51/ 0 赞/ 234 阅读

相关图片类型判断

我们可以取出图片的第一个字节判断图片类型是哪种类型 ![20170328222515073][] [20170328222515073]: /images/2022

小灰灰/ 2022年06月18日 02:43/ 0 赞/ 188 阅读

相关 txt文本文件编码格式-图片文件类型检测-音视频文件信息

txt文本文件编码格式-图片文件类型检测-音视频文件信息本文介绍如何获取文本文件的编码格式，如果用c\转换编码格式，如何获取图片文件的类型（不是以文件扩展名来判断），获

怼烎@/ 2022年06月16日 03:44/ 0 赞/ 218 阅读

相关 JS类型判断

要求能识别所有原始类型，function, array, object, 并可以识别包装类数字包装类 -> "number - object" 布尔包装类 -

电玩女神/ 2022年05月23日 22:17/ 0 赞/ 292 阅读