开发者社区> 技术小胖子> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

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,如需转载请自行联系原作者







版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
js 使用fetch来上传文件 formdata()
js 使用fetch来上传文件 formdata()
0 0
JS:Vue项目浏览器直接上传文件到阿里云OSS
JS:Vue项目浏览器直接上传文件到阿里云OSS
0 0
spring boot 用js实现上传文件(包含其他字段)显示进度
spring boot 用js实现上传文件(包含其他字段)显示进度
0 0
js之上传文件多图片预览
多图片上传预览功能也是现在非常常用的 下面是html代码: 测试页面 //下面用于多图片上传预览功能 function setImagePreviews(avalue) { var docObj = document.
755 0
js文件/图片从电脑里面拖拽到浏览器上传文件/图片
1.效果展示   2.html 代码: Title #drop img{width: 100px;height: 100px;margin: 10px;} 提交    3.
490 0
C#结合js 上传文件和删除文件(技术点有:asp.net mvc ,nhibernate,ajax等)
之前做项目的时候要用到上传文件的功能,现在我总结一下,上传文件和删除文件的代码,在以后的使用的过程中也更方便查找。 [HttpPost] public ActionResult EditUser() { var userDal = ne...
446 0
利用JavaScript实现二级联动
利用JavaScript实现二级联动 要实现JavaScript二级联动效果,首先要确定需要哪些技术: 二维数组 for in循环 new Option(text,value,true,true) add(option,null) onchange() 表单事件 HTML代码: <!-- <input type="text" id="text"> --> 请选择省份: <select name="" id="provinces"> <!-- <option value="江苏省">江苏省</option>
0 0
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
JavaScript函数柯里化的实现原理,进来教你完成一个自己的自动实现柯里化方法
0 0
文章
问答
文章排行榜
最热
最新
相关电子书
更多
Javascript中的函数
立即下载
Javascript异步编程
立即下载
JS零基础入门教程(上册)
立即下载