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 相关文章推荐
让回调函数 showResponse 也带上参数的代码
Aug 13 Javascript
JQuery的一些小应用收集
Mar 27 Javascript
别了 JavaScript中的isXX系列
Aug 01 Javascript
Node.js事件循环(Event Loop)和线程池详解
Jan 28 Javascript
JavaScript中的Math.SQRT1_2属性使用简介
Jun 14 Javascript
微信小程序 input输入框控件详解及实例(多种示例)
Dec 14 Javascript
jQuery实现一个简单的验证码功能
Jun 26 jQuery
angular2+node.js express打包部署的实战
Jul 27 Javascript
微信小程序用户自定义模版用法实例分析
Nov 28 Javascript
使用vue-cli导入Element UI组件的方法
May 16 Javascript
微信小程序使用wx.request请求服务器json数据并渲染到页面操作示例
Mar 30 Javascript
jQuery是用来干什么的 jquery其实就是一个js框架
Feb 04 jQuery
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多文件上传实现代码
2014/02/20 PHP
php获得url参数中具有&amp;的值的方法
2014/03/05 PHP
使用PHP函数scandir排除特定目录
2014/06/12 PHP
php 伪造ip以及url来路信息方法汇总
2014/11/25 PHP
PHP开启目录引索+fancyindex漂亮目录浏览带搜索功能
2019/09/23 PHP
用js实现的仿sohu博客更换页面风格(简单版)
2007/03/22 Javascript
新浪刚打开页面出来的全屏广告代码
2007/04/02 Javascript
ASP中用Join和Array,可以加快字符连接速度的代码
2007/08/22 Javascript
javascript 计算两个整数的百分比值
2009/12/26 Javascript
js 判断checkbox是否选中的实现代码
2010/11/23 Javascript
获取内联和链接中的样式(js代码)
2013/04/11 Javascript
asp.net刷新本页面的六种方法总结
2014/01/07 Javascript
js根据日期判断星座的示例代码
2014/01/23 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
利用ES6语法重构React组件详解
2017/03/02 Javascript
js动态添加表格逐行添加、删除、遍历取值的实例代码
2018/01/25 Javascript
详解node Async/Await 更好的异步编程解决方案
2018/05/10 Javascript
Makefile/cmake/node-gyp中区分判断不同平台的方法
2018/12/18 Javascript
Vue 图片压缩并上传至服务器功能
2020/01/15 Javascript
解决小程序无法触发SESSION问题
2020/02/03 Javascript
vue中音频wavesurfer.js的使用方法
2020/02/20 Vue.js
JS 设计模式之:单例模式定义与实现方法浅析
2020/05/06 Javascript
js面试题之异步问题的深入理解
2020/09/20 Javascript
微信小程序实现点赞业务
2021/02/10 Javascript
Python实现队列的方法
2015/05/26 Python
python使用arcpy.mapping模块批量出图
2017/03/06 Python
PyQt5显示GIF图片的方法
2019/06/17 Python
PyTorch中 tensor.detach() 和 tensor.data 的区别详解
2020/01/06 Python
英国领先的NHS批准的在线药店:Pharmacy2U
2017/01/06 全球购物
百思买加拿大:Best Buy Canada
2018/03/20 全球购物
幼儿园教师奖惩制度
2014/02/01 职场文书
高考备战决心书
2014/03/11 职场文书
党建工作先进材料
2014/05/02 职场文书
法制宣传标语集锦
2014/06/25 职场文书
五心教育心得体会
2014/09/04 职场文书
html中两种获取标签内的值的方法
2022/06/10 HTML / CSS