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







相关文章
|
10天前
|
存储 JavaScript 前端开发
JS上传文件(base64字符串和二进制文件流)
这篇文章介绍了两种JavaScript文件上传的方法:使用FileReader对象将文件读取为base64字符串上传,以及使用FormData对象以二进制文件流的形式上传文件,包括如何处理文件选择、读取和上传的详细代码示例。
JS上传文件(base64字符串和二进制文件流)
|
8天前
|
大数据 数据处理 分布式计算
JSF 逆袭大数据江湖!看前端框架如何挑战数据处理极限?揭秘这场技术与勇气的较量!
【8月更文挑战第31天】在信息爆炸时代,大数据已成为企业和政府决策的关键。JavaServer Faces(JSF)作为标准的 Java Web 框架,如何与大数据技术结合,高效处理大规模数据集?本文探讨大数据的挑战与机遇,介绍 JSF 与 Hadoop、Apache Spark 等技术的融合,展示其实现高效数据存储和处理的潜力,并提供示例代码,助您构建强大的大数据系统。
18 0
|
8天前
|
Devops 持续交付 测试技术
JSF遇上DevOps:开发流程将迎巨变?一篇文章带你领略高效协同的魅力!
【8月更文挑战第31天】本文探讨了如何在JavaServer Faces(JSF)开发中融入DevOps文化,通过持续集成与部署、自动化测试、监控与日志记录及反馈机制,提升软件交付速度与质量。文中详细介绍了使用Jenkins进行自动化部署、JUnit与Selenium进行自动化测试、ELK Stack进行日志监控的具体方法,并强调了持续改进的重要性。
17 0
|
8天前
|
前端开发 微服务 API
微服务浪潮下的JSF革新:如何在分散式架构中构建统一而强大的Web界面
【8月更文挑战第31天】随着微服务架构的兴起,企业将应用拆分成小型、独立的服务以提高系统可维护性和可扩展性。本文探讨如何在微服务架构下构建和部署JavaServer Faces (JSF) 应用,通过RESTful服务实现前后端分离,提升灵活性和适应性。
25 0
|
11天前
|
JavaScript 前端开发
Next js:点击登录显示登录表单,点击注册显示注册表单的功能
本文提供了一个Next.js中使用React状态管理实现点击按钮切换显示登录和注册表单的功能示例,包括创建`authform.tsx`组件和在页面组件中引入使用的方法。
|
24天前
|
JavaScript 前端开发 API
vue中将验证表单输入框的方法写在一个js文件中(表达式验证邮箱、身份证、号码、两次输入的密码是否一致)
这篇文章介绍了如何在Vue框架中将表单输入验证逻辑封装到一个JavaScript文件中,并通过正则表达式验证邮箱、身份证、手机号等信息,同时确保两次密码输入的一致性。
|
2月前
|
存储 资源调度 前端开发
JavaScript 使用axios库发送 post请求给后端, 给定base64格式的字符串数据和一些其他参数, 使用表单方式提交, 并使用onUploadProgress显示进度
使用 Axios 发送包含 Base64 数据和其他参数的 POST 请求时,可以通过 `onUploadProgress` 监听上传进度。由于整个请求体被视为一个单元,所以进度可能不够精确,但可以模拟进度反馈。前端示例代码展示如何创建一个包含 Base64 图片数据和额外参数的 `FormData` 对象,并在上传时更新进度条。后端使用如 Express 和 Multer 可处理 Base64 数据。注意,实际进度可能不如文件上传精确,显示简单加载状态可能更合适。
189 0
|
3月前
|
前端开发 JavaScript 容器
程序技术好文:纯原生javascript下拉框表单美化实例教程
程序技术好文:纯原生javascript下拉框表单美化实例教程
27 0
|
JavaScript 数据安全/隐私保护 前端开发
|
JavaScript 前端开发 程序员