js获取上传文件后缀名(附js提交form表单)

简介:

js获取上传文件后缀名(附js提交form表单)



wKiom1VAMWqgcEx6AADfhvApjxA157.jpg


代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
< html >
< head >
< meta  http-equiv = "Content-Type"  content = "text/html; charset=gb2312" >
 
< script >
function check_file() 
{
   var strFileName=form1.FileName.value;
   if (strFileName=="")
   {
     alert("请选择要上传的文件");
     return false;
   }
   var strtype=strFileName.substring(strFileName.length-3,strFileName.length);
   strtype=strtype.toLowerCase();
   
   alert(strtype);
   
   if (strtype=="jpg"||strtype=="gif"||strtype=="bmp"||strtype=="png")
     return true;
   else{
     alert("这种文件类型不允许上传!\r\n只允许上传这几种文件:jpg、gif、bmp、png\r\n请选择别的文件并重新上传。");
     form1.FileName.focus();
     return false;
   }
}
</ script >
</ head >
< body  leftmargin = "0"  topmargin = "0" >
< form  action = ""  method = "post"  name = "form1"  onsubmit = "return check_file()"  enctype = "multipart/form-data" >
   < input  name = "FileName"  type = "FILE"  class = "tx1"  size = "20" >
   < input  type = "submit"  name = "Submit"  value = "上传" >
</ form >
< br >只允许上传这几种文件:jpg、gif、bmp、png
</ body >
</ html >





下载地址:




http://down.51cto.com/data/2042700




form提交form表单

document.form1.action="success.php";

document.form1.submit();




j_0020.gif

j_0020.gifj_0020.gifj_0020.gif

j_0020.gif        j_0020.gif

j_0020.gif

j_0020.gif

j_0020.gif





   本文转自许琴 51CTO博客,原文链接:http://blog.51cto.com/xuqin/1640164,如需转载请自行联系原作者







相关文章
|
1月前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
1月前
编程笔记 html5&css&js 022 HTML表单概要
编程笔记 html5&css&js 022 HTML表单概要
|
2月前
|
移动开发 JavaScript 前端开发
分享88个表单按钮JS特效,总有一款适合您
分享88个表单按钮JS特效,总有一款适合您
31 1
|
2月前
|
存储 移动开发 JSON
分享86个表单按钮JS特效,总有一款适合您
分享86个表单按钮JS特效,总有一款适合您
33 1
|
1月前
|
JavaScript 前端开发 API
js截取图片地址后面的参数和在路径中截取文件名或后缀名
在处理网页上的图片资源或者其他类型的文件资源时,你可能会遇到需要使用这些技巧的情况。以下是一些具体的使用场景:
17 0
|
1月前
|
移动开发 HTML5
编程笔记 html5&css&js 024 HTML表单元素
编程笔记 html5&css&js 024 HTML表单元素
|
1月前
编程笔记 html5&css&js 023 HTML表单属性
编程笔记 html5&css&js 023 HTML表单属性
|
2月前
|
JavaScript 前端开发
js制作动态表单
js制作动态表单
18 0
|
JavaScript 数据安全/隐私保护 前端开发
|
JavaScript 前端开发 程序员