js实现浏览本地文件并显示扩展名的方法


Posted in Javascript onAugust 17, 2015

本文实例讲述了js实现浏览本地文件并显示扩展名的方法。分享给大家供大家参考。具体如下:

这里用文件域浏览指定文件,可以显示该文件的扩展名,想想它可以用在哪里?可以用在文件上传系统上,用来判断上传的文件类型是否是合法类型,不是则不允许上传。再看看代码,不足10行,解决问题,正在学习javaScript的朋友,你也可参考参考哦。

运行效果截图如下:

js实现浏览本地文件并显示扩展名的方法

在线演示地址如下:

具体代码如下:

<html>
<head>
<title>取得文件字段中选取文件的扩展名</title>
<script language="javascript">
<!--
 function getFilename(){
  str = new Array();
  filename = form1.file.value;
  str = filename.split(".");
  extname = str[str.length - 1];
  alert(extname);
 }
//-->
</script>
</head>
<body>
<form enctype="multipart/form-data" name="form1">
 <input type="file" name="file">
 <input type="button" value="显示扩展名" onClick="getFilename()">
</form>
</body>
</html>

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
Webkit的跨域安全问题说明
Sep 13 Javascript
ie下jquery.getJSON的缓存问题的处理方法
Mar 29 Javascript
javaScript函数中执行C#代码中的函数方法总结
Aug 07 Javascript
基于jQuery实现左右图片轮播(原理通用)
Dec 24 Javascript
利用js编写响应式侧边栏
Sep 17 Javascript
前端js弹出框组件使用方法
Aug 24 Javascript
jQuery获取复选框选中的当前行的某个字段的值
Sep 15 jQuery
bootstrap响应式工具使用详解
Nov 29 Javascript
dts文件中删除一个node或属性的操作方法
Aug 05 Javascript
JS判断用户用的哪个浏览器实例详解
Oct 09 Javascript
Vue注册组件命名时不能用大写的原因浅析
Apr 25 Javascript
layer的prompt弹出框,点击回车,触发确定事件的方法
Sep 06 Javascript
JS模仿编辑器实时改变文本框宽度和高度大小的方法
Aug 17 #Javascript
js实现匹配时换色的输入提示特效代码
Aug 17 #Javascript
js实现表单Radio切换效果的方法
Aug 17 #Javascript
js下拉选择框与输入框联动实现添加选中值到输入框的方法
Aug 17 #Javascript
jquery动感漂浮导航菜单代码分享
Apr 15 #Javascript
JavaScript判断表单中多选框checkbox选中个数的方法
Aug 17 #Javascript
jquery实现动静态条形统计图
Aug 17 #Javascript
You might like
PHP中获取文件扩展名的N种方法小结
2012/02/27 PHP
解析php如何将日志写进syslog
2013/06/28 PHP
PHP Include文件实例讲解
2019/02/15 PHP
解决laravel session失效的问题
2019/10/14 PHP
thinkphp5 模型实例化获得数据对象的教程
2019/10/18 PHP
javascript eval函数深入认识
2009/02/21 Javascript
Javascript 面向对象特性
2009/12/28 Javascript
基于JQuery 的消息提示框效果代码
2011/07/31 Javascript
NodeJS 模块开发及发布详解分享
2012/03/07 NodeJs
JavaScript实现表格排序方法
2013/06/14 Javascript
JavaScript按位运算符的应用简析
2014/02/04 Javascript
JS在一定时间内跳转页面及各种刷新页面的实现方法
2016/05/26 Javascript
jQuery实现下拉菜单(内容为时间)的实时更新及图表的随动更新的方法
2016/07/07 Javascript
Vue键盘事件用法总结
2017/04/18 Javascript
IScroll5实现下拉刷新上拉加载的功能实例
2017/08/11 Javascript
javascript Function函数理解与实战
2017/12/01 Javascript
快速解决bootstrap下拉菜单无法隐藏的问题
2018/08/10 Javascript
[01:01:18]VP vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.15
2019/08/17 DOTA
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
Python实现的简单万年历例子分享
2014/04/25 Python
Python实现telnet服务器的方法
2015/07/10 Python
Python实现string字符串连接的方法总结【8种方式】
2018/07/06 Python
pandas 将索引值相加的方法
2018/11/15 Python
基于python实现名片管理系统
2018/11/30 Python
利用Python半自动化生成Nessus报告的方法
2019/03/19 Python
Python any()函数的使用方法
2019/10/28 Python
Python单链表原理与实现方法详解
2020/02/22 Python
python实现斗地主分牌洗牌
2020/06/22 Python
世界上最悠久的自行车制造商:Ribble Cycles
2017/03/18 全球购物
荷兰家电购物网站:Expert.nl
2020/01/18 全球购物
2014年节能降耗工作总结
2014/12/11 职场文书
2016年6.5世界环境日宣传活动总结
2016/04/01 职场文书
公文写作:工伤事故分析报告怎么写?
2019/11/05 职场文书
Python列表删除重复元素与图像相似度判断及删除实例代码
2021/05/07 Python
Win11任务栏太宽了怎么办?一招解决Win11任务栏太宽问题
2021/11/21 数码科技
深入讲解Vue中父子组件通信与事件触发
2022/03/22 Vue.js