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 相关文章推荐
JQuery 动态扩展对象之另类视角
May 25 Javascript
jquery.hotkeys监听键盘按下事件keydown插件
May 11 Javascript
jquery实现点击页面计算点击次数
Jan 23 Javascript
项目中常用的JS方法整理
Jan 30 Javascript
JavaScript中split() 使用方法汇总
Apr 17 Javascript
JavaScript给input的value赋值引发的关于基本类型值和引用类型值问题
Dec 07 Javascript
javascript实现不同颜色Tab标签切换效果
Apr 27 Javascript
利用纯Vue.js构建Bootstrap组件
Nov 03 Javascript
Bootstrap基本样式学习笔记之表单(3)
Dec 07 Javascript
jQuery实现图片简单轮播功能示例
Aug 13 jQuery
JavaScript怎样在删除前添加确认弹出框?
May 27 Javascript
Vue this.$router.push(参数)实现页面跳转操作
Sep 09 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
山进SANGEAN ATS-909X电路分析
2021/03/02 无线电
php 进度条实现代码
2009/03/10 PHP
PHP通用检测函数集合
2011/02/08 PHP
PHP进行批量任务处理不超时的解决方法
2016/07/11 PHP
Prototype 工具函数 学习
2009/07/23 Javascript
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
深入分析js中的constructor和prototype
2012/04/07 Javascript
可在线编辑网页文字效果代码(单击)
2013/03/02 Javascript
javascript 循环调用示例介绍
2013/11/20 Javascript
jquery实现公告翻滚效果
2015/02/27 Javascript
js控制li的隐藏和显示实例代码
2016/10/15 Javascript
JS实现禁止用户使用Ctrl+鼠标滚轮缩放网页的方法
2017/04/28 Javascript
js排序与重组的实例讲解
2017/08/28 Javascript
vue使用laydate时间插件的方法
2018/11/14 Javascript
微信小程序实现两个页面传值的方法分析
2018/12/11 Javascript
详解vue beforeEach 死循环问题解决方法
2020/02/25 Javascript
Python中的zip函数使用示例
2015/01/29 Python
Python中用format函数格式化字符串的用法
2015/04/08 Python
Python实现运行其他程序的四种方式实例分析
2017/08/17 Python
python中kmeans聚类实现代码
2018/02/23 Python
Python中注释(多行注释和单行注释)的用法实例
2019/08/28 Python
django admin后管定制-显示字段的实例
2020/03/11 Python
pycharm实现在子类中添加一个父类没有的属性
2020/03/12 Python
Matplotlib自定义坐标轴刻度的实现示例
2020/06/18 Python
Python数据可视化常用4大绘图库原理详解
2020/10/23 Python
python 根据列表批量下载网易云音乐的免费音乐
2020/12/03 Python
python使用dlib进行人脸检测和关键点的示例
2020/12/05 Python
CSS3实现时间轴效果
2016/07/11 HTML / CSS
美国独家设计师眼镜在线光学商店:Glasses Gallery
2017/12/28 全球购物
加拿大在线旅游公司:Flighthub
2019/03/11 全球购物
2014年学生会干事工作总结
2014/11/07 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
幼儿园园务工作总结2015
2015/05/18 职场文书
中学图书馆工作总结
2015/08/11 职场文书
python控制台打印log输出重复的解决方法
2021/05/14 Python
Java生成读取条形码和二维码的简单示例
2021/07/09 Java/Android