javascript 得到文件后缀名

如何使用 JavaScript 获取上传的文件扩展名 本教程将帮助您了解使用 JavaScript 获取文件扩展名所涉及的过程。如果您正在构建允许用户文件上传的 Web 应用程序,这可用于验证您可能想要实施的任何文件类型限制。我们在这里所做的是从输入字段中获取文件名,使用方法split()将文件名和扩展名拆分为一个数组,然后使用pop()从数组中获取最后一项(文件扩展名)的方法。这就是本教程的全部内容。既然你在这里,为什么不查看我们所有的JavaScript 教程。 阅读详情

在上传文件时,常常要对文件的类型即对文件的后缀名进行判断,用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种,这里列出一种,以供参考。

 

对于一个带绝对路径的文件名如:D:\Program Files\Notepad++\Notepad++.exe

首先为了避免转义反斜杠出问题,可以用正则表达式来将\或\\替换成#,如:

D:#Program Files#Notepad++#Notepad++.exe

之后以‘#’为分隔符,将字符串分解成数组,得到如下数组:

D:  ProgramFiles  Notepad++  Notepad++.exe

取数组的最后一个即为带后缀的文件名:Notepad++.exe

再以‘.’为分隔符,将这个带后缀的文件名分解成数组,得到如下数组:

Notepad++  exe

然后再取数组的最后一个就可以得到文件的后缀名exe了

 

代码如下(Win7+IE9测试通过):

//by MoreWindows (http://blog.youkuaiyun.com/MoreWindows)
function GetExtensionFileName(pathfilename)
{
	var reg = /(\\+)/g;
	var pfn = pathfilename.replace(reg, "#");
	var arrpfn = pfn.split("#");
	var fn = arrpfn[arrpfn.length - 1];
	var arrfn = fn.split(".");
	return arrfn[arrfn.length - 1];
}

测试代码:

function Test()
{
	var filePath="D:\\Program Files\\Notepad++\\Notepad++.exe";
	alert(GetExtensionFileName(filePath));
}
<input type="button" value="Test" onclick="Test()" />

点击Test按钮就可以弹出内容为exe的对话框,表示GetExtensionFileName能正确解析带绝对路径的文件名并得到后缀名。

估计这种方法只能在Windows平台下使用吧,在Linux执行下不知道会如何?

 

转载请标明出处,原文地址:http://blog.youkuaiyun.com/morewindows/article/details/7055713

 

10款AI工具赋能虚拟展厅设计:架构师效率提升90%的秘密武器 2020年全球疫情成为数字转型的催化剂,虚拟展厅从"可选项"迅速转变为"必需品"。根据Gartner最新报告,到2025年,超过70%的企业将采用虚拟展厅作为客户体验和产品展示的核心渠道。这一转变不仅是应急措施,更是商业模式的永久性革新。虚拟展厅突破了物理空间的限制——一个精心设计的虚拟展厅可以同时接待来自全球各地的访客,无需考虑场地容量;展品可以以数字形式永久保存,避免了物流和损耗问题;数据分析功能可以精确追踪每位访客的行为轨迹,提供前所未有的洞察。数据透视。 阅读详情

相关推荐

自动驾驶控制算法——MPC控制算法

自动驾驶MPC控制算法摘要 模型预测控制(MPC)是一种基于系统预测模型的先进控制算法,通过滚动优化方式求解最优控制输入。其核心流程包括:1)使用数学模型预测未来系统状态;2)定义优化目标函数衡量预测误差;3)求解满足约束的最优控制序列;4)仅执行第一步控制并重复该过程。 相比传统PID控制,MPC具有预测未来、多步优化、显式处理约束等优势,特别适合自动驾驶中对安全性要求高的场景,如轨迹跟踪、车道保持、联合纵横向控制、自动泊车和动态避障等。MPC通过状态空间模型预测系统行为,在每个控制周期计算未来N步的控制

swaggytiger的博客 7921

获取input上传文件文件名及扩展名

1、使用input标签的type=“file”,上传文件,获取上传文件的文件名和扩展名; 代码如下: #mybtn{ width: 100px; height: 30px; font-size: 18px; background-color: lightcoral; text-align: center; }

xuexizhe88的博客 4万+

6.4 构网型储能的需求与配置

摘要: 构网型储能是新型电力系统的关键支撑技术,通过提供电压/频率形成、惯性和稳定控制能力,解决同步机退出导致的系统稳定性问题。其配置需遵循三大原则:1)容量配置以支撑需求为主导,兼顾能量服务;2)优先布局于电网薄弱点、稳定问题突出区域;3)采用自适应控制策略实现全工况优化。核心应用场景包括新能源送出通道稳定、负荷中心调频、黑启动电源等。规划方法需结合系统分析、量化指标和成本效益评估,实现技术经济最优。未来需重点关注构网/跟网混合系统的临界容量占比及自适应控制技术发展。

技术工作者 1140

js获取input上传文件的文件名和扩展名的方法

文件名:"+fileName+"");$("#div").append("扩展名"+fileExt+"

caishijian2008的专栏 2686

AD24层次原理图设计避坑指南:如何解决端口连接与自动交叉引用问题

本文深入解析AD24层次原理图设计的核心机制,聚焦端口连接错误、自动交叉引用干扰等常见问题。通过对比自上而下与自下而上设计流程,提供端口类型匹配、命名规范等实用解决方案,并指导如何关闭烦人的红色框线视觉干扰,帮助工程师高效避坑,实现复杂系统的模块化设计。

wdx01234567的博客 615

CodeBlocks如何将英文环境改为中文

一、下载汉化包(链接如下) 链接:https://pan.baidu.com/s/166U9WGPbJXu2hyD7q9EiJQ 提取码:2333 二、选择路径 将汉化包中的文件(CodeBlocks.mo、zh_CN.mo、zh_CN.po)放到CodeBlocks安装路径下的​​​​​​CodeBlocks/share/CodeBlocks/locale/zh_CN文件夹中,路径中的文件夹没有就新建。 注:此处需严格按照要求来,切勿自定义文件夹名 三、内部调试 打开CodeBlocks,..

云隐雾匿的博客 2万+

js获取文件名后缀

有时候我们需要通过文件名或者路径,得到该文件的后缀名(扩展名),可以通过如下几种方式进行截取。例如文件名为: var name="xxxxx.txt"; 方式一:subtring() 使用subtring() 截取字符串,对于文件名中会出现多个点的很有用,从最后一个点的地方截取。 var suffix = name.substring(name.lastIndexOf("."));//.txt /*只获取后缀*/ var suffix =name.substring(name.lastIndex

高先生的猫 3万+

TM1621/HT1621 段码LCD驱动器

TM1621 LCD 驱动器

qq_45325304的博客 1万+

js获取文件名和后缀名称

**1.使⽤subtring() 截取字符串,对于⽂件名中会出现多个点的很有⽤,从最后⼀个点的地⽅截取 代码如下: var text_name='文件名测试.mp4' // 文件名 var name=text_name.substring(0, text_name.lastIndexOf(".")); // 转码后的后缀名 var txt=text_name.substring(text_name.lastIndexOf('.')+1)

qq_45083936的博客 2879

基于LLM【M3】驱动的自动化攻击智能体AK(受控使用)

摘要:文章实测了基于大模型的目标驱动型云攻击智能体,展示攻击者仅需输入业务目标(如"窃取BigQuery数据")即可自动完成SSRF、令牌解析、数据导出等全链条攻击。研究发现:(1)攻击编排范式已从固定脚本升级为自适应路径;(2)传统基于IOC的防御与新型攻击存在结构性错位;(3)防御需转向元数据加固、跨服务行为序列检测和AI驱动的紫队演练。实验在授权靶场使用合成数据,验证了攻击智能体"监督者模型+专业执行组"的协作模式,强调防御体系需从单点检测升级为攻击链理解能力。

云上笛暮 307

基于 STM32 单片机的实验室多参数安全监测系统设计与实现

本系统以 STM32F103C8T6 单片机为核心,集成温湿度监测、烟雾检测、气体泄漏报警、人体移动监测等功能模块,通过 OLED 显示屏实时显示数据,并支持 Wi-Fi 远程传输。系统可对实验室异常环境参数(如高温、烟雾、燃气泄漏)及非法入侵实时报警,保障实验室安全。本文从硬件选型、电路设计到软件实现提供了完整的实验室安全监测系统方案,可根据实际需求调整传感器类型和通信方式,适用于科研、教学等场景的环境安全防护。:可增加继电器模块控制通风设备或切断电源,集成 ZigBee 组网实现多实验室联动监测。

weixin_42300449的博客 1285

javaScript(JS) 获取文件后缀名

本文介绍了一个基于Vue3+ElementPlus的文件类型识别方法,使用正则表达式匹配文件后缀名。系统环境为Windows 10、Chrome浏览器、NodeJS v20.17.0和NVM 1.1.12。核心代码通过正则表达式匹配文件名末尾的后缀(如.jpg),并转换为小写统一处理。支持jpg/jpeg/png返回"预览",pdf/doc/docx返回"下载",其他类型返回空操作。优势在于代码简洁、大小写兼容(通过/i标志)和扩展性强,只需修改正则即可支持更多文件类

TS_144636的博客 332

Camera2Demo

在Camera2 的基础上进行封装,使得Camera2一堆初始化逻辑与Activity分离,降低耦合度,完成预览拍照并保存的操作

常见的 JavaScript 文件后缀名及其特性、描述和用途

JavaScript 文件的后缀名在开发中起着关键的作用。选择正确的后缀名可以使代码更易于理解、组织和维护。在本篇文章中,我们将详细介绍一些最常见的 JavaScript 文件后缀名,包括它们的特性、描述以及在实际开发中的用途。

记录个人成长, 分享好用资源 3126

jdk-8u144-linux-x64.tar.gz.

该资源为搭建Linux系统Java环境用,资源的后缀为tar.gz格式的压缩包

华为的C语言编程规范.pdf

华为技术有限公司内部技术规范。本规范制定了编写C语言程序的基本原则、规则和建议。从代码的清晰、简洁、可测试、安全、程序效率、可移植各个方面对C语言编程作出了具体指导。

javascript获取文件后缀名

javascript获取文件后缀名: 在需要验证文件格式的时候,首先就要获得文件的格式,下面是一个通过正则表达式获取文件后缀名的一个简单实例。 function validate(){ var importUrl="test.xlsx"; var d=/\.[^\.]+$/.exec(importUrl); alert(d); } validate() 以上

yeyuehunluhongyu的博客 1137

温度PID控制PLC程序

温度PID稳定控制程序,适用于欧姆龙PLC,对其他PLC也具有很大参考价值

在javascript中获取文件后缀名的三种方法

在javascript中获取文件后缀名我们常用fileName.substring或fileName.split或str.lastIndexOf三种方法,下面分别介绍一下: @在这里插入代码片TOC 欢迎使用Markdown编辑器 var fileName = “http://www.111cn.net/sys/nginx/62888.htm”; 方法1 var fileExtension = f...

Winsom1的博客 2471

前端判断文件后缀名_在Web前端开发中,如何用Javascript获取文件后缀名

在Web前端开发中,如何用Javascript获取文件后缀名呢?我们一起来了解下。在上传文件时,常常要对文件的类型即对文件的后缀名进行判断,用javascript可以很容易的做到这一点。用Javascript解析一个带绝对路径的文件名并得到后缀名的方法有很多种,这里列出一种,以供参考。对于一个带绝对路径的文件名如:D:\Program Files\Notepad++\Notepad++.exe首先...

weixin_39525097的博客 761

JavaScript获取上传文件后缀名

上传文件的时候要判断上传文件的类型是否符合需求,通过JavaScript获取上传文件后缀名。演示如下: 源码如下: <inputsize=30type="file"name="pic"onchange="check_type(this)"/><scriptlanguage="javascript">functioncheck_type(obj)...

weixin_33690963的博客 682

JS获取上传文件后缀名

js 文件名截取(后缀名、全名、不带后缀名) &lt;script language="javascript" type="text/javascript"&gt; //取整个文件的路径并且把文件名赋给文件名 var isTrue = true; function GetName(obj) { CheckType...

linhuiDragon的专栏 643

js去掉路径和文件后缀名

// path为文件路径 let path1 = path.substr(path.lastIndexOf('/')+1); //文件名称,去掉路径 let path2 = path1.substring(0,path1.indexOf('.')); //文件名称去掉路径和后缀名

我们明天会更好的博客 7695

javascript中获取文件后缀名

varstrf=filename.substr(filename.length-4,4);//获取文件后缀名(字符串后四位子串) String.substr(N1,N2) 这个就是我们常用的从指定的位置(N1)截取指定长度(N2)的字符串; String.substring(N1,N2) 这个就有点特别了,它是先从N1,N2里找出一个较小的值,然后从字符串的开始位置算起,截取...

weixin_30828379的博客 170

js获取文件后缀名

js获取文件后缀名 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...

datuzidppd5556的博客 1461

js 截取文件后缀名

法一: <input type="file" onChange="change(event)"> <script> function change(event) { var fileName = event.target.files[0].name.toLowerCase(); var lastIndex = fileName.lastIndexOf('...

小妖666个人笔记 1242

js得到文件后缀名

js得到文件后缀名  // 得到文件后缀名  //文件名  var te = "tessergsg.txt";  //计算出点的位置  var pos=te.lastIndexOf(".");  //截取点之后的字符串  var su = te.substring(pos+1);  alert(su);   #javascript

chuan9966的专栏 987
上一篇: jquery 表格的增加删除和修改及设置奇偶行颜色
下一篇: PHP 缩放图片
MoreWindows
MoreWindows 《白话经典算法》、《秒杀多线程》作者 《白话经典算法》、《秒杀多线程》作者 领域专家: 操作系统技术领域 领域专家: 操作系统技术领域
博客等级 码龄15年 2万+粉丝 157原创
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付:10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值