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 相关文章推荐
调用HttpHanlder的几种返回方式小结
Dec 20 Javascript
聊一聊jQuery插件uploadify使用方法
Aug 24 Javascript
微信小程序 地图定位简单实例
Oct 14 Javascript
Node.js 中exports 和 module.exports 的区别
Mar 14 Javascript
JavaScript实现简单精致的图片左右无缝滚动效果
Mar 16 Javascript
bootstrap suggest搜索建议插件使用详解
Mar 25 Javascript
JS实现的将html转为pdf功能【基于浏览器端插件jsPDF】
Feb 06 Javascript
node.js博客项目开发手记
Mar 16 Javascript
JavaScript实现一个带AI的井字棋游戏源码
May 21 Javascript
JS实现常见的查找、排序、去重算法示例
May 21 Javascript
详解Node.js amqplib 连接 Rabbit MQ最佳实践
Jan 24 Javascript
vscode 插件开发 + vue的操作方法
Jun 05 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树的代码,可以嵌套任意层
2006/10/09 PHP
定制404错误页面,并发信给管理员的程序
2006/10/09 PHP
PHP异常处理Exception类
2015/12/11 PHP
初识ThinkPHP控制器
2016/04/07 PHP
php strftime函数的详细用法
2018/06/21 PHP
JavaScript中Array 对象相关的几个方法
2006/12/22 Javascript
jQuery-Tools-overlay 使用介绍
2012/07/14 Javascript
JS实现切换标签页效果实例代码
2013/11/01 Javascript
javascript禁用Tab键脚本实例
2013/11/22 Javascript
JavaScript处理解析JSON数据过程详解
2015/09/11 Javascript
javascript运算符语法全面概述
2016/07/14 Javascript
arcgis for js 修改infowindow样式的方法
2016/11/02 Javascript
Centos7 中安装 Node.js v4.4.4
2016/11/03 Javascript
JS实现含有中文字符串的友好截取功能分析
2017/03/13 Javascript
vue todo-list组件发布到npm上的方法
2018/04/04 Javascript
vue.js+element-ui动态配置菜单的实例
2018/09/07 Javascript
JS实现集合的交集、补集、差集、去重运算示例【ES5与ES6写法】
2019/02/18 Javascript
写一个Vue Popup组件
2019/02/25 Javascript
基于vue-cli3+typescript的tsx开发模板搭建过程分享
2020/02/28 Javascript
js实现百度登录窗口拖拽效果
2020/03/19 Javascript
Vue项目中使用mock.js的完整步骤
2021/01/12 Vue.js
[00:13]天涯墨客二技能展示
2018/08/25 DOTA
python 获取文件列表(或是目录例表)
2009/03/25 Python
python递归调用中的坑:打印有值, 返回却None
2020/03/16 Python
python语言中有算法吗
2020/06/16 Python
德国高性价比网上药店:medpex
2017/07/09 全球购物
Under Armour安德玛法国官网:美国高端运动科技品牌
2018/06/29 全球购物
工地门卫岗位职责
2013/12/30 职场文书
绿色环保家庭事迹材料
2014/08/31 职场文书
文员转正自我鉴定怎么写
2014/09/29 职场文书
干部培训工作总结2015
2015/05/25 职场文书
《比的意义》教学反思
2016/02/18 职场文书
教学反思怎么写
2016/02/24 职场文书
当你找不到方向的时候,不妨读读刘备的一生
2019/08/05 职场文书
如何用python插入独创性声明
2021/03/31 Python
解决Mysql报错 Table 'mysql.user' doesn't exist
2022/05/06 MySQL