js实现浏览本地文件并显示扩展名的方法

本文实例讲述了js实现浏览本地文件并显示扩展名的方法。分享给大家供大家参考。具体如下：

这里用文件域浏览指定文件，可以显示该文件的扩展名，想想它可以用在哪里？可以用在文件上传系统上，用来判断上传的文件类型是否是合法类型，不是则不允许上传。再看看代码，不足10行，解决问题，正在学习javaScript的朋友，你也可参考参考哦。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-view-nav-file-ext-codes/

具体代码如下：

<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程序设计有所帮助。

赞 (0)

相关推荐

  • javascript结合ajax读取txt文件内容

    代码很简洁,这里就不多废话了,直接上源码 html代码 复制代码 代码如下: <!doctype html>  <html>   <head>       <meta charset="utf-8"/>       </head>       <body>           <button type="button"  onclick="show()">请求数据

  • JavaScript验证图片类型(扩展名)的函数分享

    前台调用如下 复制代码 代码如下: OnClientClick="return fucCheckJpgAndGif(form1.File1.value);" --其中File1为上传文件控件 函数代码: 复制代码 代码如下: function fucCheckJpgAndGif(strFileName) {    if (strFileName != "") {        var strtype = strFileName.substring(strFileNa

  • javascript实现将文件保存到本地方法汇总

    下面是保存一个图片为示例,代码来源于网络,希望能够给大家带来一定的帮助,代码如下: <script type="text/javascript"> function saveFile(imgUrl) { var oPop=window.open(imgUrl,"","width=1, height=1, top=5000, left=5000"); for(;oPop.document.readyState != "comp

  • PHP中使用Session配合Javascript实现文件上传进度条功能

    Web应用中常需要提供文件上传的功能.典型的场景包括用户头像上传.相册图片上传等.当需要上传的文件比较大的时候,提供一个显示上传进度的进度条就很有必要了. 在PHP 5.4以前,实现这样的进度条并不容易,主要有三种方法: 1.使用Flash, Java, ActiveX 2.使用PHP的APC扩展 3.使用HTML5的File API 第一种方法依赖第三方的浏览器插件,通用性不足,且易带来安全隐患.不过由于Flash的使用比较广泛,因此还是有很多网站使用Flash作为解决方案. 第二种方法的不足

  • JavaScript检测上传文件大小的方法

    本文实例讲述了JavaScript检测上传文件大小的方法.分享给大家供大家参考.具体如下: 通过JS客户端代码限制用户上传文件的大小,但是客户端的验证只是辅助的,服务器端一定还要再做验证 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http

  • Javascript判断文件是否存在(客户端/服务器端)

    分享下javascript判断文件是否存在的方法. 1,判断客户端文件时,可以用 var fso,s=filespec; // filespec="C:/path/myfile.txt" fso=new ActiveXObject("Scripting.FileSystemObject"); if(fso.FileExists(filespec)) s+=" exists."; else // www.jb51.net s+=" doe

  • JavaScript实现删除,移动和复制文件的方法

    本文实例讲述了JavaScript实现删除,移动和复制文件的方法.分享给大家供大家参考.具体如下: 这里利用JavaScript删除.移动和复制文件,运行前请确保文件已经存在,比如在C盘建立test.txt文件,然后在代码里修改为这个路径,再运行代码,就可以看到效果. <html> <head> <title>删除,移动和复制文件</title> </head> <body> <h2>删除,移动和复制文件</h2&g

  • JavaScript设置表单上传时文件个数的方法

    JavaScript设置表单上传时文件个数的方法

    本文实例讲述了JavaScript设置表单上传时文件个数的方法.分享给大家供大家参考.具体如下: 这是一个比较实用的功能,用JavaScript来设置表单上传文件时,根据需要生成上传表单,要几个生成几个,在网易邮箱.新浪邮箱的添加附件功能里都有这种功能,不过这一款没有删除表单的功能,如果输入的多了,只好重新来过啦 运行效果如下图所示: 具体代码如下: <title>JavaScript设置表单上传时的文件个数</title> <input type="button&

  • 后缀就扩展名为js的文件是什么文件 原创

    好多朋友刚开始接触网络,不懂后缀为js的文件,是什么文件,其实这个扩展名为.js的文件就是javascript文件,为什么要用<script src="test.js"></script>的格式来调用文件呢,其实我们经常在做网页过程中,因为js文件如果写到网页中,不利于我们的反复修改,如果以后我们需要修改js文件的话,就可以直接改js文件,不需要改整个网页,现在大家的网站都是生成静态的html,如果要修改成千上万的个静态页面,不论是替换还是从节约网站空间,都是不

  • FileUpload使用Javascript检查扩展名是否有效实现思路

    FileUpload使用Javascript检查扩展名是否有效实现思路

    通用的检查方法.首先定义好有效的文件扩展名,存放在阵列中. 在JavaScript获取FileUpload控件的文件路径,并取得路径中的文件扩展名.再与阵列中的扩展名比较,如果存在,说明上传的文件是有效的,反之无效. 复制代码 代码如下: <asp:FileUpload ID="FileUpload1" runat="server" /> <asp:Button ID="btnUpload" runat="server

  • 上传的js验证(图片/文件的扩展名)

    js 验证上传图片 复制代码 代码如下: var ImgObj=new Image();//建立一个图像对象 varAllImgExt=".jpg|.jpeg|.gif|.bmp|.png|"//全部图片格式类型 varFileObj,ImgFileSize,ImgWidth,ImgHeight,FileExt,ErrMsg,FileMsg,IsImg//全局变量图片相关属性 //以下为限制变量 var AllowExt=""; //允许上传的文件类型ŀ为无限制每个

随机推荐