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截取函数(indexOf,join等)
Sep 01 Javascript
关于跨站脚本攻击问题
Dec 22 Javascript
jquery+ajax验证不通过也提交表单问题处理
Dec 12 Javascript
jQuery焦点图轮播特效代码分享(3款)
Sep 05 Javascript
使用jQuery处理AJAX请求的基础学习教程
May 10 Javascript
jquery 动态合并单元格的实现方法
Aug 26 Javascript
vue2.0获取自定义属性的值
Mar 28 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
May 17 Javascript
浅谈如何优雅处理JavaScript异步错误
Nov 12 Javascript
详解JavaScript中精度失准问题及解决方法
Feb 04 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
Jul 20 Javascript
JS实现拖动模糊框特效
Aug 25 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多个版本的分析解释
2011/07/21 PHP
PHP实例分享判断客户端是否使用代理服务器及其匿名级别
2014/06/04 PHP
Laravel+jQuery实现AJAX分页效果
2016/09/14 PHP
js的Prototype属性解释及常用方法
2014/05/08 Javascript
javascript快速排序算法详解
2014/09/17 Javascript
js实现touch移动触屏滑动事件
2015/04/17 Javascript
JavaScript中getUTCMinutes()方法的使用详解
2015/06/10 Javascript
浅析Bootstrap组件之面板组件
2016/05/04 Javascript
Bootstrap 下拉多选框插件Bootstrap Multiselect
2017/01/22 Javascript
laydate 显示结束时间不小于开始时间的实例
2017/08/11 Javascript
详解axios 全攻略之基本介绍与使用(GET 与 POST)
2017/09/15 Javascript
ES6 javascript的异步操作实例详解
2017/10/30 Javascript
基于jquery trigger函数无法触发a标签的两种解决方法
2018/01/06 jQuery
JavaScript实现仿Clock ISO时钟
2018/06/29 Javascript
vue在手机中通过本机IP地址访问webApp的方法
2018/08/15 Javascript
vue-swiper的使用教程
2018/08/30 Javascript
layui点击按钮页面会自动刷新的解决方案
2019/10/25 Javascript
JS常用排序方法实例代码解析
2020/03/03 Javascript
Vue 解决通过this.$refs来获取DOM或者组件报错问题
2020/07/28 Javascript
Vue router传递参数并解决刷新页面参数丢失问题
2020/12/02 Vue.js
[58:32]EG vs Liquid 2018国际邀请赛小组赛BO2 第一场 8.18
2018/08/19 DOTA
python 写的一个爬虫程序源码
2016/02/28 Python
Python中摘要算法MD5,SHA1简介及应用实例代码
2018/01/09 Python
50行Python代码获取高考志愿信息的实现方法
2019/07/23 Python
DataFrame.to_excel多次写入不同Sheet的实例
2019/12/02 Python
Django权限控制的使用
2021/01/07 Python
详解FireFox下Canvas使用图像合成绘制SVG的Bug
2019/07/10 HTML / CSS
Canvas制作旋转的太极的示例
2018/03/09 HTML / CSS
美国购买体育、音乐会和剧院门票网站:SelectATicket
2019/09/08 全球购物
法律进企业活动方案
2014/03/04 职场文书
大型演出策划方案
2014/05/28 职场文书
党员学习中共十八大思想报告
2014/09/12 职场文书
个人授权委托书范本
2014/09/14 职场文书
教师业务学习材料
2014/12/16 职场文书
2019年作为一名实习生的述职报告
2019/09/29 职场文书
Python 线程池模块之多线程操作代码
2021/05/20 Python