js判断上传文件的后缀名方法
2017-06-28 16:47
225 查看
方式一
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
</head>
<body>
<input type="file" id="fileId" onchange="selectFile(this)" />
</body>
<script type="text/javascript">
function selectFile(input) {
var fileName = input.value;
if(fileName.length > 1 && fileName ) {
var ldot = fileName.lastIndexOf(".");
var type = fileName.substring(ldot + 1);
if(type != "img") {
alert(type);
//清除当前所选文件
input.outerHTML=input.outerHTML.replace(/(value=\").+\"/i,"$1\"");
}
}
}
</script>
</html>
方式二
<form action="uploadfile.php" enctype="multipart/form-data" method="post" target="iframeUpload"> <iframe name="iframeUpload" src="" width="350" height="35" frameborder=0 SCROLLING="no" style="display:NONE"> </iframe> <input id="test_file" name="test_file" id="fileId" type="file" onchange="selectFile(this)"> <input value="上传文件" type="submit"> </form> <script type="text/javascript"> function selectFile(fnUpload) { var filename = fnUpload.value; var mime = filename.toLowerCase().substr(filename.lastIndexOf(".")); if(mime!=".jpg") { alert("请选择jpg格式的照片上传"); fnUpload.outerHTML=fnUpload.outerHTML; } } </script>
方式三
function suffix(file_name){ var result =/\.[^\.]+/.exec(file_name); return result; }
相关文章推荐
- Js-客户端判断上传文件的类型
- 一个自己写的真正判断文件格式,文件大小,而并不仅仅从扩展名来进行判断的上传方法,进一步加强防止软件或恶意的木马图片上传
- js判断上传文件的类型
- 兼容各浏览器的js判断上传文件大小【转】
- 搜到 一个js判断上传的文件大小的代码
- Web.config中配置上传文件大小与判断上传文件的类型等一系列规则的方法
- 使用JS实现在客户端判断上传文件大小
- JS 判断图片上传文件
- 用js判断上传文件大小的限制和判断
- 判断上传文件的类型-通过System.IO.Path.GetExtension()静态方法
- js判断上传文件大小
- js 上传文件后缀判断
- Js下检查上传图片文件格式和大小的方法,兼容ie和火狐
- 上传文件,判断文件的后缀名的代码以及正则表达式
- 用JS如何判断文件上传的大小
- NeatUpload js 判断上传文件的大小是否超过了空间的大小
- js判断上传文件大小+保存文件
- JS 获取上传文件大小的方法
- js判断上传文件大小
- 通过js判断上传文件类型