js 判断文件类型并控制表单提交示例代码
更新时间：2013年11月14日 17:34:00 作者：
判断文件类型控制表单提交这些都是在客户端实现的，下面有个不错的示例，感兴趣的朋友可以参考下
下面的代码 实现的控制表单提交
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("请选择上传的文件！");
document.getElementById("file").disabled=true;
}
var extname=filepath.substr(filepath.length-3, filepath.length);
alert("extname::"+extname);
//var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length);
// extname = extname.toLowerCase();//处理了大小写
if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){
alert("只能上传bmp,jpg,gif格式的图片！");
document.getElementById("file").disabled=true;
}
else{
document.getElementById("file").disabled=false;
}
}
<tr>
<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td>
</tr>
<tr>
<td align="center"><button onclick="shangchuan()" >点击上传</button></td>
</tr>
复制代码 代码如下:
function shangchuan(){
var filepath = document.getElementById("file").value;
alert(filepath);
if(filepath==""){
alert("请选择上传的文件！");
document.getElementById("file").disabled=true;
}
var extname=filepath.substr(filepath.length-3, filepath.length);
alert("extname::"+extname);
//var extname = filepath.substring(filepath.lastIndexOf(".")+1,filepath.length);
// extname = extname.toLowerCase();//处理了大小写
if(extname!= "bmp" && extname!= "jpg" && extname!= "gif"){
alert("只能上传bmp,jpg,gif格式的图片！");
document.getElementById("file").disabled=true;
}
else{
document.getElementById("file").disabled=false;
}
}
复制代码 代码如下:
<tr>
<td><input name="file12" style="width:200px; height: 100px;" type="file" id="file" ></td>
</tr>
<tr>
<td align="center"><button onclick="shangchuan()" >点击上传</button></td>
</tr>
相关文章
这篇文章主要介绍了封装axios来管控api的2种方式,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下2019-09-09
这篇文章主要介绍了ES6知识点整理之String字符串新增常用方法,结合实例形式分析了ES6字符串String includes,startsWith,endsWith等方法相关使用技巧,需要的朋友可以参考下2019-07-07
这篇文章主要为大家介绍了Three.js PBR物理渲染属性及使用介绍，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2023-04-04
索趣科技的答案...2007-02-02
如果在正则表达式中定义了子匹配，那么参数的长度会随着子匹配的个数改变，如果没有定义子匹配，那么长度是固定的。2010-03-03
JavaScript的面向对象(二)...2006-11-11
BootstrapValidator实现注册校验和登录错误提示效果
这篇文章主要为大家详细介绍了Bootstrap Validator实现注册校验和登录错误提示效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
项目实践之javascript技巧...2007-12-12
饼图主要是通过扇形的弧度表现不同类目的数据在总和中的占比,它的数据格式比柱状图更简单,这篇文章主要给大家介绍了关于Echarts饼图样式之添加内圈阴影达到立体效果的相关资料,文中还介绍了echarts饼图外部阴影设置的方法,需要的朋友可以参考下2024-02-02
这篇文章主要为大家详细介绍了原生js实现下拉选项卡，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2019-11-11
最新评论