<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="j" uri="http://java.sun.com/jsp/jstl/core"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
<link rel="stylesheet" type="text/css" href="styles.css">
-->
<script type="text/javascript">
function validateFileType(){
var obj = document.getElementById("files");
if(obj.value == "" || obj.value == null){
alert("请选择上传文件!");
return ;
}
//获取文件的后缀名的位置
var index = obj.value.lastIndexOf(".");
if(index == -1){
alert("上传文件类型不对!");
return;
}
//截取后缀名
var type = obj.value.substring(index+1);
if(type != "jpg" && type != "png" && type != "jpeg"){
alert("请选择图片文件上传!");
return;
}else{
alert("您对了!");
}
}
</script>
</head>
<body>
<h1>校验上传文件类型</h1>
<form action="" >
<input type="file" name="files" id="files" value="" ></input>
<input type="button" onclick="validateFileType()" name="" value="测试">
</form>
</body>
</html>
分享到：
相关推荐
js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小js 上传图片 校验 文件类型 大小 js 上传文件校验 js 上传文件校验 js 上传文件校验
ExtJS验证文件上传类型，详细讲述ExtJS如何验证文件上传文件的类型！
JS上传文件大小验证 自己写的方法，不是完整控件。 可以拿去借鉴。
本篇介绍一个前端JS便捷判断上传文件大小的方法。 这个是比较好的 <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> [removed] var isIE = /msie/i.test...
11 accept: 输入拥有合法后缀名的字符串（上传文件的后缀）。 12 maxlength:5 输入长度最多是 5 的字符串（汉字算一个字符）。 13 minlength:10 输入长度最小是 10 的字符串（汉字算一个字符）。 14 rangelength:[5,...
描述文档请看我的个人博客：www.mesoftware.cn
POI导入Excel并返回校验后的错误文件（原样数据文件，并添加批注，注：由于批注只能加1000条，会在Excel后面添加一栏错误信息）下载以及页面展示校验错误信息，同时添加导入进度条，提供页面js和css代码，后端...
主要介绍了javascript实现校验文件上传控件,实例分析了javascript检测上传文件类型是否为图片的功能,非常具有实用价值,需要的朋友可以参考下
本地JS做MD5验证时所需的JS文件，主要的两个JS文件不容易找到，有其它需要的请联系我
首先寻找可以上传文件的位置，使用不同的方式试探如何绕过文件上传校验，上传脚本文件后使用webshell软件连接脚本文件进入后台。 实验环境 靶机 Win 10系统 实验步骤 访问正确的页面： 选择一张普通的png图片测试...
CRC16校验JS算法，crc.js为直接生成法，crc1.js为查表法，包含CRC16和ModbusCRC16，校验可以包含中文汉字，具体使用请看demo.html
本文实例讲述了JS简单验证上传文件类型的方法。分享给大家供大家参考，具体如下： function checkType(){ //得到上传文件的值 var fileName=document.getElementById("file_logo").value; //返回String对象中子...
1、validate.min.js 表单验证，自定义规则，自定义中文错误提示 2、formdata 表单文件上传 3、文件上传获取缩略图 FileReader
JavaScript 上传文件限制参数案例详解 项目场景： 1，上传文件限制 功能作用： 1，防止前端操作上传异常文件 2，限制符合的规则，优化展示模型 功能实现： 1，获取file实例 2，执行校验规则方法 代码如下：...
最近使用到一个文件上传功能，发现恶意上传一个2G文件时，后台处理响应较慢，遂想到能否使用js来进行...在FireFox、Chrome浏览器中可以根据document.getElementById(“id_file”).files[0].size 获取上传文件的大小
主要介绍了js判断上传文件后缀名是否合法的具体方法，以一个完整实例分析了javascript判断上传文件后缀名是否合法的方法，感兴趣的小伙伴们可以参考一下
1. 基于原来的分片上传做了修改 2. 断点续传 3. 小一点视频的md5的更换
客户端javascript校验：一般都是在网页上写一段javascript脚本，校验上传文件的后缀名，有白名单形式也有黑名单形式。 判断方式：在浏览加载文件，但还未点击上传按钮时便弹出对话框，内容如：只允许上传.jpg/.jpeg/...