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 相关文章推荐
js实现正方形颜色从下往上升的效果
Aug 04 Javascript
JavaScript 基本概念
Jan 20 Javascript
AngularJS定时器的使用与移除操作方法【interval与timeout】
Dec 14 Javascript
jQuery日程管理插件fullcalendar使用详解
Jan 07 Javascript
Javascript实现基本运算器
Jul 15 Javascript
详解VueJS 数据驱动和依赖追踪分析
Jul 26 Javascript
使用vue-aplayer插件时出现的问题的解决
Mar 02 Javascript
浅谈vue中.vue文件解析流程
Apr 24 Javascript
vuex直接赋值的三种方法总结
Sep 16 Javascript
深入学习js函数的隐式参数 arguments 和 this
Jun 24 Javascript
如何在微信小程序中存setStorage
Dec 13 Javascript
Vue组件生命周期运行原理解析
Nov 25 Vue.js
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获取搜索引擎关键字来源的函数(支持百度和谷歌等搜索引擎)
2012/10/03 PHP
PHP往XML中添加节点的方法
2015/03/12 PHP
PHP中SERIALIZE和JSON的序列化与反序列化操作区别分析
2016/10/11 PHP
ie6下png图片背景不透明的解决办法使用js实现
2013/01/11 Javascript
基于JavaScript 数据类型之Boolean类型分析介绍
2013/04/19 Javascript
深入理解Javascript中this的作用域
2014/08/12 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
jQuery实现DIV层淡入淡出拖动特效的方法
2015/02/13 Javascript
jQuery+PHP实现微信转盘抽奖功能的方法
2016/05/25 Javascript
浅谈js中的延迟执行和定时执行
2016/05/31 Javascript
jQuery为动态生成的select元素添加事件的方法
2016/08/29 Javascript
javascript字符串对象常用api函数小结(连接,替换,分割,转换等)
2016/09/20 Javascript
jQuery滚动插件scrollable.js用法分析
2017/05/25 jQuery
javascript 封装Date日期类实例详解
2017/05/28 Javascript
微信小程序联网请求的轮播图
2017/07/07 Javascript
js指定日期增加指定月份的实现方法
2018/12/19 Javascript
nodejs实现日志读取、日志查找及日志刷新的方法分析
2019/05/20 NodeJs
js实现简单的日历显示效果函数示例
2019/11/25 Javascript
Python NumPy库安装使用笔记
2015/05/18 Python
jupyter notebook插入本地图片的实现
2020/04/13 Python
Python matplotlib可视化实例解析
2020/06/01 Python
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
基于HTML5实现类似微信手机摇一摇功能(计算摇动次数)
2017/07/24 HTML / CSS
记一次高分屏下canvas模糊问题
2020/02/17 HTML / CSS
New Balance波兰官方商城:始于1906年,百年慢跑品牌
2017/08/15 全球购物
日本亚马逊官方网站:Amazon.co.jp
2020/04/14 全球购物
大学生活学习的自我评价
2013/12/03 职场文书
高中军训感言800字
2014/03/05 职场文书
计算机网络工程专业职业生涯规划书
2014/03/10 职场文书
公司任命书模板
2014/06/06 职场文书
房屋买卖协议书范本
2014/09/27 职场文书
群众路线专项整治工作情况报告
2014/10/28 职场文书
2015中学教师个人工作总结
2015/07/22 职场文书
2016中秋节月饼促销广告语
2016/01/28 职场文书
vue使用localStorage持久性存储实现评论列表
2022/04/14 Vue.js
win10输入法不见了只能打出字母怎么解决?
2022/08/05 数码科技