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 相关文章推荐
JavaScript 放大镜 放大倍率和视窗尺寸
May 09 Javascript
对new functionName()定义一个函数的理解
May 22 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
javascript每日必学之基础入门
Feb 16 Javascript
怎么限制input的text里输入的值只能是数字(正则、js)
May 16 Javascript
基于javascript实现的购物商城商品倒计时实例
Dec 11 Javascript
详解百度百科目录导航树小插件
Jan 08 Javascript
bootstrap treeview 扩展addNode方法动态添加子节点的方法
Nov 21 Javascript
jQuery实现新闻播报滚动及淡入淡出效果示例
Mar 23 jQuery
vue 中动态绑定class 和 style的方法代码详解
Jun 01 Javascript
ES6模板字符串和标签模板的应用实例分析
Jun 25 Javascript
el-input 标签中密码的显示和隐藏功能的实例代码
Jul 19 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
ezSQL PHP数据库操作类库
2010/05/16 PHP
PHP根据传来的16进制颜色代码自动改变背景颜色
2014/06/13 PHP
thinkphp使用phpmailer发送邮件的方法
2014/11/24 PHP
PHP使用GETDATE获取当前日期时间作为一个关联数组的方法
2015/03/19 PHP
php找出指定范围内回文数且平方根也是回文数的方法
2015/03/23 PHP
PHP类的声明与实例化及构造方法与析构方法详解
2016/01/26 PHP
简述php环境搭建与配置
2016/12/05 PHP
php使用scandir()函数扫描指定目录下所有文件示例
2019/06/08 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
php的单例模式及应用场景详解
2021/02/27 PHP
Javascript和Ajax中文乱码吐血版解决方案
2009/12/21 Javascript
详谈JavaScript内存泄漏
2014/11/14 Javascript
AngularJS表格详解及示例代码
2016/08/17 Javascript
JS实现用户注册时获取短信验证码和倒计时功能
2016/10/27 Javascript
微信小程序 出现47001 data format error原因解决办法
2017/03/10 Javascript
Node.js搭建小程序后台服务
2018/01/03 Javascript
webstorm和.vue中es6语法报错的解决方法
2018/05/08 Javascript
vuex如何重置所有state(可定制)
2019/01/17 Javascript
js实现列表按字母排序
2020/08/11 Javascript
vue自动添加浏览器兼容前后缀操作
2020/08/13 Javascript
使用70行Python代码实现一个递归下降解析器的教程
2015/04/17 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
Django框架模板语言实例小结【变量,标签,过滤器,继承,html转义】
2019/05/23 Python
pyqt5 获取显示器的分辨率的方法
2019/06/18 Python
使用tqdm显示Python代码执行进度功能
2019/12/08 Python
利用python为PostgreSQL的表自动添加分区
2021/01/18 Python
澳大利亚电子产品购物网站:Dick Smith
2017/02/02 全球购物
缓刑人员的思想汇报
2014/01/11 职场文书
创新比赛获奖感言
2014/02/13 职场文书
计算机应用专业自荐信
2014/07/05 职场文书
副校长2015年教育教学工作总结
2015/07/27 职场文书
Html分层的box-shadow效果的示例代码
2021/03/30 HTML / CSS
python工具dtreeviz决策树可视化和模型可解释性
2022/03/03 Python
Python中Schedule模块使用详解 周期任务神器
2022/04/19 Python
mysql 子查询的使用
2022/04/28 MySQL