js如何从一个文件名中获取文件的类型（图片举例）

最新推荐文章于 2024-07-15 08:30:00 发布

haoxinqing222

最新推荐文章于 2024-07-15 08:30:00 发布

阅读量1.1k

点赞数

分类专栏：前端填坑文章标签： js

本文链接：https://blog.youkuaiyun.com/haoxinqing222/article/details/123552007

版权

前端填坑专栏收录该内容

16 篇文章

订阅专栏

这篇博客探讨了如何使用JavaScript的lastIndexOf方法来精确地获取文件名中的扩展名。通过实例`let fileName='nihao.ni.png'`，博主展示了如何找到最后一个点号并截取后续的字符串作为文件类型，如`let type=fileName.substring(lastIndex+1)//png`。这种方法适用于处理包含点号的复杂文件名，确保正确识别文件扩展名。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一开始直接split(’.’)，后来想文件名可能也有点点，比如nihao.ni.png

let fileName = 'nihao.ni.png'
let lastIndex = fileName.lastIndexOf('.')
let type = fileName.substring(lastIndex+1) // png

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

haoxinqing222

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uni-app - H5 通过 uni.uploadFile() 上传 Blob 文件路径图片图像，文件没有后缀扩展名（上传图片到服务端文件没有后缀名，服务端判断是无效的后缀名文件）终极且完美解决方案

王二红

11-23

1万+

uniappH5上传图片没有后缀名，uniapp中h5通过uni.chooseimage直接上传图片没有图片扩展名，uni.uploadFile在H5下上传blob文件链接的时候无法获取文件后缀扩展名，解决uni.uploadFile上传图片丢失后缀名的问题，完美解决uniapp发布h5上传头像base64图片，ufilename没有后缀名，H5模式下上传的文件，服务端拿不到后缀名怎么办，uni.canvasToTempFilePathH5生成的文件没有后缀名，uniappH5上传图片后调用u

06 【nodejs内置模块（中）】

DSelegent的博客

11-12

1036

06 【nodejs内置模块（中）】

参与评论您还未登录，请先登录后发表或查看评论

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

11-21

1、获取文件后缀有时候我们需要通过文件名或者路径，得到该文件的后缀名（扩展名），可以通过如下方式进行截取： //文件路径 var filePath = "file://upload/jb51.png"; //获取最后一个.的位置 var index= filePath.lastIndexOf("."); //获取后缀 var ext = filePath.substr(index+1); //输出结果 console.log(ext); 效果图如下： 2、文件类型判断我们得到文件后缀名后，根据后缀即可判断文件的类型（文件格式）。比如我们需要判断一个文件是否是图片格式，首先定义一个判断

JS获取文件类型

traysine的专栏

07-25

1455

getBrowserType = function(){ var Sys = {ie:false,firefox:false,chrome:false}; var ua = window.navigator.userAgent; if (ua.indexOf("MSIE")>=1){ Sys.ie = true;

【JavaScript 】获取真实的文件类型

最新发布

weixin_47351913的博客

07-15

1914

某些文件类型可能具有相同的或类似的头部，而且有些文件可能不遵循标准的文件签名，因此这种方法可能无法准确识别所有类型的文件。此外，文件可能被修改或封装在其他格式中，这也会影响检测的准确性。为此我们可以通过读取文件的二进制数据的前几个字节（通常称为“魔法数字”或文件签名）来尝试识别文件的类型。在系统上传文件时，有用户会直接修改文件名后缀，使其与系统要求一致后再上传，而html+javascript常用的上传文件方法难以判断文件的真实类型（此处也易恶意上传脚本文件的情况）

js-根据文件名称判断文件类型

置酒天晴的博客

10-27

1769

判断文件类型这里采用根据提取文件名称后缀的方式实现： export function getFileType(fileName) { // 后缀获取 let suffix = '' // 获取类型结果 let result = '' try { const flieArr = fileName.split('.')//根据.分割数组 suffix = flieArr[flieArr.length - 1]//取最后一个 } catch (err) {//如果fileN

js ftp拉取文件列表中文文件名乱码应该怎么解决

08-09

举例来说，如果从FTP服务器中获取到的文件名为"%E4%B8%AD%E6%96%87%E6%96%87%E4%BB%B6.txt"，则可以使用以下代码解码： ```javascript var encodedFileName = "%E4%B8%AD%E6%96%87%E6%96%87%E4%BB%B6.txt"; var ...

上传绕过php文件改为图片,文件上传漏洞另类绕过技巧及挖掘案例全汇总

weixin_28744601的博客

03-12

1573

文件上传漏洞作为获取服务器权限最快的方式，虽然相关资料很多，但很多人对上传校验方式、如何针对性绕过检测、哪种上传和解析的场景会产生危害等还是比较模糊。本文作一些阐述，然后补充一些除了上传webshell的其他非常规挖掘姿势，包括XSS、重定向、Dos、CSRF等等。1、基础知识：要深入了解文件上传，必须了解上传属性、常见文件的结构、图形处理函数等内容。1)报文特点：观察文件上传报文的特点：Hea...

html5数据导文件举例,实现excel导入导出功能，excel导入数据到页面中，页面数据导出生成excel文件 - 还是盼盼好...

weixin_28997879的博客

06-04

815

今天接到项目中的一个功能，要实现excel的导入，导出功能。这个看起来思路比较清楚，但是做起了就遇到了不少问题。不过核心的问题，大家也不会遇到了。每个项目前台页面，以及数据填充方式都不一样，不过大多都是以json数据填充的。在导入excel填充json数据到页面时，真的让我差点吐血了。在做这个导入导出的时候，那一个礼拜都是黑暗的。好了，废话不多说了，我今天就给大家展示这个两个功能的核心点，exce...

js根据后缀判断文件文件类型的代码

10-15

主要介绍了js根据后缀判断文件文件类型的代码，原来是获取文件的扩展名然后再判断属于什么类型，对于图片多个后缀的判断的实现也不是不错的思路，大家可以参考一下

判断链接后缀文件类型

悄悄地卷的博客

10-10

1495

1、获取文件后缀 //文件路径 var filePath = "file://upload/jb51.png"; //获取最后一个.的位置 var index= filePath.lastIndexOf("."); //获取后缀 var ext = filePath.substr(index+1); //输出结果 console.log(ext); 2、文件类型判断我们得到文件后缀名后，根据后缀即可判断文件的类型（文件格式）。比如我们需要判断一个文件是否是图片格式，首先定义一个判断函数： func

js根据二进制流获取文件类型

freddy的博客

01-05

1106

这段代码会创建一个元素作为文件选择器，然后将所选文件传递给getFileType()函数。该函数返回一个Promise对象，表示文件类型的结果。如果能正常读取文件内容，则根据文件头部信息（前两个字节）判断文件类型；在JavaScript中，可以使用FileReader对象来读取二进制数据并判断其文件类型。js根据二进制流获取文件类型。

js根据文件名返回对应文件类型

weixin_43930421的博客

05-27

678

const getFileType = (filename) => { //根据文件名返回对应文件类型 let type = "unknown"; if (!filename) return type; let index = filename.lastIndexOf("."); let extension = filename.substr(index + 1); extension = extension.split('?')[0]; const typeMap = {

JavaScript获取及判断文件类型

weixin_30876945的博客

08-27

1248

一、获取文件后缀 <input type="file" name="addvedio" accept="video/*"/>注：accept属性可以设置选择上传文件的类型 input的file类型的accept属性的值　　 getFileType:function (filePath){ var startIndex = filePath.las...

前端如何获取文件的类型（JavaScript案例）

辰兮要努力

04-11

3772

【辰兮要努力】：hello你好我是辰兮，很高兴你能来阅读，昵称是希望自己能不断精进，向着优秀程序员前行！博客来源于项目以及编程中遇到的问题总结，偶尔会有读书分享，我会陆续更新Java前端、后台、数据库、项目案例等相关知识点总结，感谢你的阅读和关注，希望我的博客能帮助到更多的人，分享获取新知，大家一起进步! 吾等采石之人，应怀大教堂之心，愿你们奔赴在各自的热爱中… 文章目录一、业务场景二、案例实践一、业务场景业务场景：在涉及到文件上传的部分内容的时候，前端组件一般会走对应文件类型的限制，这里我.

js判断文件类型详解

qq_42880714的博客

06-30

5887

js判断文件类型详解

纯js判断文件流格式类型：pdf,doc,docx,xls,xlsx,ppt,pptx一次搞定！