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 相关文章推荐
prototype Element学习笔记(Element篇三)
Oct 26 Javascript
jQuery中使用data()方法读取HTML5自定义属性data-*实例
Apr 11 Javascript
Jquery倒计时源码分享
May 16 Javascript
js代码实现下拉菜单【推荐】
Dec 15 Javascript
使用AngularJS 跨站请求如何解决jsonp请求问题
Jan 16 Javascript
Jquery实现跨域异步上传文件总结
Feb 03 Javascript
Angularjs cookie 操作实例详解
Sep 27 Javascript
Vue filter介绍及详细使用
Apr 04 Javascript
vue结合element-ui使用示例
Jan 24 Javascript
layui+SSM的数据表的增删改实例(利用弹框添加、修改)
Sep 27 Javascript
高效jQuery选择器的5个技巧实例分析
Nov 26 jQuery
基于elementUI竖向表格、和并列的案例
Oct 26 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
linux下使用ThinkPHP需要注意大小写导致的问题
2011/08/02 PHP
PHP如何实现跨域
2016/05/30 PHP
PHP flush 函数使用注意事项
2016/08/26 PHP
优化JavaScript脚本的性能的几个注意事项
2006/12/22 Javascript
javascript 事件查询综合 推荐收藏
2010/03/10 Javascript
js实现addClass,removeClass,hasClass的函数代码
2011/07/13 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
AJAX实现瀑布流触发分页与分页触发瀑布流的方法
2016/05/23 Javascript
JavaScript性能优化之函数节流(throttle)与函数去抖(debounce)
2016/08/11 Javascript
js显示动态时间的方法详解
2016/08/20 Javascript
JS函数多个参数默认值指定方法分析
2016/11/28 Javascript
JavaScript 字符串数字左补位,右补位,取固定长度,截位扩展函数代码
2017/03/25 Javascript
javascript实现table单元格点击展开隐藏效果(实例代码)
2017/04/10 Javascript
JavaScript实现图片本地预览功能【不用上传至服务器】
2017/09/20 Javascript
JavaScript实现带有子菜单和控件的slider轮播图效果
2017/11/01 Javascript
Nodejs技巧之Exceljs表格操作用法示例
2019/11/06 NodeJs
js实现网页版贪吃蛇游戏
2020/02/22 Javascript
[01:06]DOTA2隆重推出2016冬季勇士令状 内含上海特级锦标赛互动指南
2016/02/17 DOTA
[39:53]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.19
2020/11/19 DOTA
Python+MongoDB自增键值的简单实现
2016/11/04 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
火车票抢票python代码公开揭秘!
2018/03/08 Python
Python基于BeautifulSoup和requests实现的爬虫功能示例
2019/08/02 Python
python 字段拆分详解
2019/12/17 Python
python GUI库图形界面开发之PyQt5信号与槽基础使用方法与实例
2020/03/06 Python
女士和男士时尚鞋在线购物:Shoespie
2019/02/28 全球购物
就业推荐自我鉴定
2013/10/06 职场文书
专科毕业生就业推荐信
2013/11/01 职场文书
竞聘书怎么写,如何写?
2014/03/31 职场文书
小学班主任评语大全
2014/04/23 职场文书
邻里守望志愿服务活动方案
2014/08/15 职场文书
超市开业庆典活动策划方案
2014/09/15 职场文书
2014办公室副主任四风对照检查材料思想汇报
2014/09/20 职场文书
2014年镇党建工作汇报材料
2014/11/02 职场文书
2015年“世界无车日”活动方案
2015/05/06 职场文书
如何打开Win11系统注册表编辑器?Win11注册表编辑器打开修复方法
2022/04/05 数码科技