原标题:JS - 获取文件后缀,判断文件类型(比如是否为图片格式)

1,获取文件后缀

有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取:

//文件路径

var filePath = "file:///storage/emulated/0/opmark/User/Pic/hangge.png";

//获取最后一个.的位置

var index= filePath.lastIndexOf(".");

//获取后缀

var ext = filePath.substr(index+1);

//输出结果

console.log(ext);

效果图如下:

2,文件类型判断

我们得到文件后缀名后,根据后缀即可判断文件的类型(文件格式)。比如我们需要判断一个文件是否是图片格式,首先定义一个判断函数:

function isAssetTypeAnImage(ext) {

return [

'png', 'jpg', 'jpeg', 'bmp', 'gif', 'webp', 'psd', 'svg', 'tiff'].

indexOf(ext.toLowerCase) !== -1;

}

使用时只需把后缀传入即可判断:

//文件路径

var filePath = "file:///storage/emulated/0/opmark/User/Pic/hangge.png";

//获取最后一个.的位置

var index= filePath.lastIndexOf(".");

//获取后缀

var ext = filePath.substr(index+1);

//判断是否是图片

console.log("该文件是否为图片:" + isAssetTypeAnImage(ext));

效果图如下:

原文链接:https://www.hangge.com/blog/cache/detail_1754.html#返回搜狐,查看更多

责任编辑:

前端判断文件后缀名_JS - 获取文件后缀,判断文件类型(比如是否为图片格式)...相关推荐

  1. 前端判断文件后缀名_JS 获取文件后缀,判断文件类型(比如是否为图片格式)

    1.获取文件后缀H3I免费资源网 有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取:H3I免费资源网 //文件路径 var filePath = "f ...

  2. .html扩展名的文件类型,JS 获取文件后缀,判断文件类型(比如是否为图片格式)...

    1.获取文件后缀 有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取: //文件路径 var filePath = "file://upload/jb5 ...

  3. JS 获取文件后缀,判断文件类型(比如是否为图片格式)

    1.获取文件后缀 有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下方式进行截取: //文件路径 varfilePath = "file://upload/jb51 ...

  4. 玩点不一样的,如何使用MATLAB实现批量修改文件后缀名,文件名,批量复制文件

    1.  自动批量修改文件后缀名,有时非常有用. 对于文件名没有要求,不用是序列文件名.比如需要将abaqus的inp文件修改成txt文件,便于使用 textscan和 textread等函数操作. c ...

  5. Intellij IDEA如何修改文件的打开方式,创建文件添加后缀名无效!始终默认text文件打开

    分享一个在使用IEEA创建文件的时候遇到的一个小坑 今天在使用freeMark的时候遇到一个小坑,就是在idea里面创建文件的时候忘加后缀名,当你将错误的文件删除之后! 之后无论如何修改文件名创建文件 ...

  6. Linux系统后缀都是ISO,请问文件的后缀名为ISO的是什么文件

    请问文件的后缀名为ISO的是什么文件 來源:互聯網  2009-04-12 00:27:15  評論 分類: 電腦/網絡 >> 軟件 >> 其他軟件 參考答案: 1.什么是IS ...

  7. 前端判断文件后缀名_js判断上传文件后缀名是否合法

    本文实例介绍了js判断上传文件后缀名是否合法的详细代码,分享给大家供大家参考,具体内容如下 效果图: 选择文件 选择1.jpg文件 上传成功合法 除图片文件格式以外,其他都是不合法的操作. 具体代码: ...

  8. 前端js获取图片大小 扩展名_JS获取文件大小方法小结

    本文实例总结了JS获取文件大小方法.分享给大家供大家参考,具体如下: 方法一,利用ActiveX控件实现: function getFileSize(filePath) { var fso = new ...

  9. matlab中取文件名函数,matlab从文件夹名中获取该文件夹下所图像文件名

    matlab从文件夹名中获得该文件夹下所图像文件名 function [s,nameC]=get_FileNameFromFolderPath(path) % 函数调用:[s,nameC]=get_F ...

  10. 关于特殊后缀名如vue vm less等文件在DW中高亮显示并且代码提示的解决方案

    对于用dw做网页出身的程序员 用dw做编辑器真的比那些乱七八糟的强得多 然而dw不能编辑除软件内置默认的 其他的文件类型 打开会提示错误,或者打开后没有高亮和代码提示 下面给大家带来解决方案,用dw写 ...

最新文章

  1. 什么是Karush-Kuhn-Tucker 最优化条件 (KKT 条件) 三个人名 独立发现的最优化条件
  2. gperf工具的使用
  3. 南明区将引进和培养大数据高端人才逾千名
  4. 后端:SpringBoot 的@Value注解,高级特性,非常实用!!
  5. 利用 Github Actions 自动更新 docfx 文档
  6. mac下自动保存 Git SSH Key 密码
  7. 深入分析Linux自旋锁【转】
  8. hi3559v100的amp双系统初始化
  9. 支持单个生成的DM码制作工具(测试)
  10. 查看和编辑xml结构标签内容的利器【一】: firstobject XML editor;查看ftl,freemarker工具软件
  11. Android AIDL 原理解析
  12. 2018 06 01 第一次博客 自然语言处理
  13. android蓝牙传输文件到mysql_使用Android将图像发送到MySQL数据库
  14. 开箱即用,Hexo博客的github+server自动部署
  15. 金融素养提升活动 | 第八届东方财富杯全国大学生金融挑战赛启动
  16. mac无法更新计算机的启动配置,MacOS 更新遇到的问题及重装系统
  17. html中写双柱状图,7.2 创建柱状图 - HTML5 Canvas 实战
  18. 18650测试 微型计算机,至轻至薄 四款超轻薄移动电源测试
  19. js获取的当前时间的月份--getFullYear()、getMonth()、getDate(),本示例是获取当前月份的开始跟结束
  20. Unity 3D 游戏脚本 多脚本管理

热门文章

  1. oracle批量造测试数据
  2. 路由器的网络连接模式(桥接模式和路由模式)
  3. Windows下DOS/bat命令行下载网络文件
  4. JPEG添加EXIF
  5. 几张思维导图告诉你搜索引擎优化(SEO)核心点
  6. 搜索引擎优化的九大方法
  7. 如何控制局域网网速_单臂路由|N1盒子(OpenWRT)单线多拨实现网速叠加
  8. 计算机桌面文字重影,为什么电脑屏幕上的字老是重影,该怎么调?
  9. 解决“npm WARN requires a peer of XXX“问题
  10. ROM、RAM、DRAM、SRAM、SDRAM区别及特点