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 装载iframe子页面,自适应高度
Mar 20 Javascript
javascript 通用简单的table选项卡实现
May 07 Javascript
用JQuery实现全选与取消的两种简单方法
Feb 22 Javascript
js中的getAttribute方法使用示例
Aug 01 Javascript
Node.js模块加载详解
Aug 16 Javascript
使用JSON.parse将json字符串转换成json对象的时候会出错
Sep 04 Javascript
JSON格式化输出
Nov 10 Javascript
jQuery结合CSS制作漂亮的select下拉菜单
May 03 Javascript
JavaScript将base64图片转换成formData并通过AJAX提交的实现方法
Oct 24 Javascript
Bootstrap模态框水平垂直居中与增加拖拽功能
Nov 09 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
Aug 20 Javascript
ES6箭头函数和扩展实例分析
May 23 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
substr()函数中文版
2006/10/09 PHP
php5.3以后的版本连接sqlserver2000的方法
2014/07/28 PHP
php图片的二进制转换实现方法
2014/12/15 PHP
PHP getID3类的使用方法学习笔记【附getID3源码下载】
2019/10/18 PHP
JavaScript prototype对象的属性说明
2010/03/13 Javascript
JS弹出层的显示与隐藏示例代码
2013/12/27 Javascript
信息页文内画中画广告js实现代码(文中加载广告方式)
2016/01/03 Javascript
JS实战篇之收缩菜单表单布局
2016/12/10 Javascript
Vue数据驱动模拟实现5
2017/01/13 Javascript
vue 组件高级用法实例详解
2018/04/11 Javascript
JS canvas绘制五子棋的棋盘
2020/05/28 Javascript
Javascript读写cookie的实例源码
2019/03/16 Javascript
JavaScript中如何调用Java方法
2020/09/16 Javascript
[19:24]DOTA2客户端使用指南 一分钟快速设置轻松超神
2013/09/24 DOTA
[02:25]DOTA2英雄基础教程 生死判决瘟疫法师
2013/12/06 DOTA
处理Python中的URLError异常的方法
2015/04/30 Python
对numpy和pandas中数组的合并和拆分详解
2018/04/11 Python
python 文本单词提取和词频统计的实例
2018/12/22 Python
Python一键安装全部依赖包的方法
2019/08/12 Python
初次部署django+gunicorn+nginx的方法步骤
2019/09/11 Python
Jupyter notebook设置背景主题,字体大小及自动补全代码的操作
2020/04/13 Python
django orm模块中的 is_delete用法
2020/05/20 Python
用CSS3写的模仿iPhone中的返回按钮
2015/04/04 HTML / CSS
canvas实现烟花的示例代码
2020/01/16 HTML / CSS
会计专业毕业生自我鉴定
2013/10/29 职场文书
施工安全生产承诺书
2014/05/23 职场文书
公司委托书格式
2014/08/01 职场文书
实习生矿工检讨书
2014/10/13 职场文书
文员岗位职责范本
2015/04/16 职场文书
2019年农民幸福观调查的实践感悟
2019/12/19 职场文书
JVM上高性能数据格式库包Apache Arrow入门和架构详解(Gkatziouras)
2021/05/26 Servers
Python 恐龙跑跑小游戏实现流程
2022/02/15 Python
Vue.Draggable实现交换位置
2022/04/07 Vue.js
Ruby处理YAML和json数据
2022/04/18 Ruby
Golang 并发编程 SingleFlight模式
2022/04/26 Golang
在windows server 2012 r2中安装mysql的详细步骤
2022/07/23 Servers