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 相关文章推荐
node.js+Ajax实现获取HTTP服务器返回数据
Nov 26 Javascript
javascript实现类似百度分享功能的方法
Jul 27 Javascript
jquery简单插件制作(fn.extend)完整实例
May 24 Javascript
AngularJS基础 ng-mouseover 指令简单示例
Aug 02 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
详解使用angularjs的ng-options时如何设置默认值(初始值)
Jul 18 Javascript
input输入框内容实时监测(附代码)
Aug 15 Javascript
微信小程序中使用Promise进行异步流程处理的实例详解
Aug 17 Javascript
详解Puppeteer 入门教程
May 09 Javascript
详解在Vue中使用TypeScript的一些思考(实践)
Jul 06 Javascript
Node.js 如何利用异步提升任务处理速度
Jan 07 Javascript
js实现视图和数据双向绑定的方法分析
Feb 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中限制IP段访问、禁止IP提交表单的代码
2011/04/23 PHP
PHP is_subclass_of函数的一个BUG和解决方法
2014/06/01 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
浅谈laravel5.5 belongsToMany自身的正确用法
2019/10/17 PHP
javascript 函数声明与函数表达式的区别介绍
2013/10/05 Javascript
jQuery.fn和jQuery.prototype区别介绍
2013/10/05 Javascript
将两个div左右并列显示并实现点击标题切换内容
2013/10/22 Javascript
利用JavaScript实现新闻滚动效果(实例代码)
2013/11/27 Javascript
基于JavaScript实现仿京东图片轮播效果
2015/11/06 Javascript
利用React-router+Webpack快速构建react程序
2016/10/27 Javascript
整理关于Bootstrap警示框的慕课笔记
2017/03/29 Javascript
babel之配置文件.babelrc入门详解
2018/02/22 Javascript
javascript设计模式 ? 迭代器模式原理与用法实例分析
2020/04/17 Javascript
[05:37]DOTA2-DPC中国联赛 正赛 Elephant vs iG 选手采访
2021/03/11 DOTA
Python3 正在毁灭 Python的原因分析
2014/11/28 Python
Python中的True,False条件判断实例分析
2015/01/12 Python
Python的Django框架中settings文件的部署建议
2015/05/30 Python
LRUCache的实现原理及利用python实现的方法
2017/11/21 Python
VTK与Python实现机械臂三维模型可视化详解
2017/12/13 Python
使用DataFrame删除行和列的实例讲解
2018/04/08 Python
Python常见MongoDB数据库操作实例总结
2018/07/24 Python
深入理解Django-Signals信号量
2019/02/19 Python
python async with和async for的使用
2019/06/20 Python
浅谈tensorflow 中tf.concat()的使用
2020/02/07 Python
Linux开机引导的步骤是什么
2014/02/26 面试题
应用艺术毕业生的自我评价
2013/12/04 职场文书
教师求职信范文分享
2013/12/27 职场文书
幼儿园家长会邀请函
2014/01/15 职场文书
会计专业大学生求职信范文
2014/01/28 职场文书
8和9的加减法教学反思
2014/05/01 职场文书
优秀班组长事迹
2014/05/31 职场文书
公务员党员评议表自我鉴定
2014/09/14 职场文书
《乘法分配律》教学反思
2016/02/24 职场文书
导游词之南京夫子庙
2019/12/09 职场文书
SpringBoot实现异步事件驱动的方法
2021/06/28 Java/Android
单机多实例部署 MySQL8.0.20
2022/05/15 MySQL