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 相关文章推荐
JTrackBar水平拖动效果
Jul 15 Javascript
Javascript 面向对象之重载
May 04 Javascript
潜说js对象和数组
May 25 Javascript
firefox下jQuery UI Autocomplete 1.8.*中文输入修正方法
Sep 19 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
Nov 24 Javascript
JS 实现图片直接下载示例代码
Jul 22 Javascript
JS调用某段SQL语句的方法
Oct 20 Javascript
vuejs2.0实现分页组件使用$emit进行事件监听数据传递的方法
Feb 22 Javascript
jquery操作select取值赋值与设置选中实例
Feb 28 Javascript
详解Angular结合zTree异步加载节点数据
Jan 20 Javascript
Vue监听数据渲染DOM完以后执行某个函数详解
Sep 11 Javascript
使用 Node.js 实现图片的动态裁切及算法实例代码详解
Sep 29 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
《星际争霸2》终章已出 RTS时代宣告终结
2017/02/07 星际争霸
PHP下利用header()函数设置浏览器缓存的代码
2010/09/01 PHP
最新用php获取谷歌PR值算法,附上php查询PR值代码示例
2011/12/25 PHP
ThinkPHP添加更新标签的方法
2014/12/05 PHP
Laravel实现定时任务的示例代码
2017/08/10 PHP
PHP使用phpunit进行单元测试示例
2019/09/23 PHP
php集成开发环境详解
2019/09/24 PHP
解决Laravel自定义类引入和命名空间的问题
2019/10/15 PHP
Jquery中给animation加更多的运作效果实例
2013/09/05 Javascript
jQuery 回车事件enter使用示例
2014/02/18 Javascript
jquery attr方法获取input的checked属性问题
2014/05/26 Javascript
javascript arguments使用示例
2014/12/16 Javascript
Js获取当前日期时间及格式化代码
2016/09/17 Javascript
layui前段框架日期控件使用方法详解
2017/05/19 Javascript
Angular 2.0+ 的数据绑定的实现示例
2017/08/09 Javascript
JS+CSS实现网页加载中的动画效果
2017/10/27 Javascript
Vue中用props给data赋初始值遇到的问题解决
2018/11/27 Javascript
layui table动态表头 改变表格头部 重新加载表格的方法
2019/09/21 Javascript
在Vue mounted方法中使用data变量详解
2019/11/05 Javascript
JS创建自定义对象的六种方法总结
2020/12/15 Javascript
[02:48]DOTA2超级联赛专访海涛:你们的选择没有错
2013/06/07 DOTA
Python函数式编程指南(二):从函数开始
2015/06/24 Python
dpn网络的pytorch实现方式
2020/01/14 Python
基于virtualenv创建python虚拟环境过程图解
2020/03/30 Python
python 使用while循环输出*组成的菱形实例
2020/04/12 Python
如何配置关联Python 解释器 Anaconda的教程(图解)
2020/04/30 Python
python如何绘制疫情图
2020/09/16 Python
Django生成数据库及添加用户报错解决方案
2020/10/09 Python
HTML5自定义data-* data(obj)属性和jquery的data()方法的使用
2012/12/13 HTML / CSS
桥梁与隧道工程专业本科生求职信
2013/10/08 职场文书
酒店保洁主管岗位职责
2013/11/28 职场文书
优秀教师事迹简介
2014/02/02 职场文书
客户接待方案
2014/02/26 职场文书
Redis集群新增、删除节点以及动态增加内存的方法
2021/09/04 Redis
pandas中关于apply+lambda的应用
2022/02/28 Python
我家女友可不止可爱呢 公开OP主题曲无字幕动画MV
2022/04/11 日漫