javascript实现校验文件上传控件实例


Posted in Javascript onApril 20, 2015

本文实例讲述了javascript实现校验文件上传控件。分享给大家供大家参考。具体如下:

该javascript校验文件上传控件代码可检测上传文件的类型是否是图片

<script language="javascript">
function Checkfiles()
{
var fup = document.getElementById('logo1');
var fileName = fup.value;
var ext = fileName.substring(fileName.lastIndexOf('.') + 1);
if(ext == "gif" || ext == "GIF" || ext == "JPEG" || ext == "jpeg" || ext == "jpg" || ext == "JPG" || ext == "png" || ext == "PNG")
{
return true;
}
else
{
alert("Upload JPG, JPEG, PNG, GIF images only");
fup.focus();
return false;
}
}
</script>
onchange="Checkfiles()"

希望本文所述对大家的javascript程序设计有所帮助。

Javascript 相关文章推荐
jquery tab插件制作实现代码
Jun 22 Javascript
jQuery中的.bind()、.live()和.delegate()之间区别分析
Jun 08 Javascript
dojo学习第一天 Tab选项卡 实现
Aug 28 Javascript
js+html+css实现鼠标移动div实例
Jan 30 Javascript
javascript生成随机大小写字母的方法
Feb 20 Javascript
node.js使用require()函数加载模块
Nov 26 Javascript
JS实现的打字机效果完整实例
Jun 20 Javascript
基于Vuejs框架实现翻页组件
Jun 29 Javascript
详解Angular中的自定义服务Service、Provider以及Factory
Apr 22 Javascript
JQ图片文件上传之前预览功能的简单实例(分享)
Nov 12 Javascript
vue 的keep-alive缓存功能的实现
Mar 22 Javascript
node实现生成带参数的小程序二维码并保存到本地功能示例
Dec 05 Javascript
使用iojs的jsdom库实现同步系统时间
Apr 20 #Javascript
javascript实现汉字转拼音代码分享
Apr 20 #Javascript
jQuery简单实现图片预加载
Apr 20 #Javascript
jquery滚动到顶部底部代码
Apr 20 #Javascript
浅谈javascript属性onresize
Apr 20 #Javascript
jquery代码实现简单的随机图片瀑布流效果
Apr 20 #Javascript
被遗忘的javascript的slice() 方法
Apr 20 #Javascript
You might like
中东人咖啡哲学
2021/03/03 咖啡文化
深入PHP nl2br()格式化输出的详解
2013/06/05 PHP
PhpStorm2020.1 安装 debug - Postman 调用的详细教程
2020/08/17 PHP
JavaScript 入门基础知识 想学习js的朋友可以参考下
2009/12/26 Javascript
web网页按比例显示图片实现原理及js代码
2013/08/09 Javascript
js 一个关于图片onload加载的事
2013/11/10 Javascript
jquery制作居中遮罩层效果分享
2014/02/21 Javascript
简单的js图片轮换代码(js图片轮播)
2014/05/06 Javascript
CSS+JS实现点击文字弹出定时自动关闭DIV层菜单的方法
2015/05/12 Javascript
jQuery基于ajax()使用serialize()提交form数据的方法
2015/12/08 Javascript
分享一个插件实现水珠自动下落效果
2016/06/01 Javascript
Vue.js原理分析之observer模块详解
2017/02/17 Javascript
在原生不支持的旧环境中添加兼容的Object.keys实现方法
2017/09/11 Javascript
基于cropper.js封装vue实现在线图片裁剪组件功能
2018/03/01 Javascript
5分钟学会Vue动画效果(小结)
2018/07/21 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
vue中使用mxgraph的方法实例代码详解
2019/05/17 Javascript
jQuery操作选中select下拉框的值代码实例
2020/02/07 jQuery
原生JavaScript实现五子棋游戏
2020/11/09 Javascript
[02:40]DOTA2英雄基础教程 炼金术士
2013/12/23 DOTA
Python实现遍历windows所有窗口并输出窗口标题的方法
2015/03/13 Python
Python 创建子进程模块subprocess详解
2015/04/08 Python
pygame游戏之旅 按钮上添加文字的方法
2018/11/21 Python
Python装饰器简单用法实例小结
2018/12/03 Python
我们为什么要减少Python中循环的使用
2019/07/10 Python
python函数局部变量、全局变量、递归知识点总结
2019/11/15 Python
Python测试线程应用程序过程解析
2019/12/31 Python
通过实例了解Python str()和repr()的区别
2020/01/17 Python
python re模块匹配贪婪和非贪婪模式详解
2020/02/11 Python
Html5 APP中监听返回事件处理的方法示例
2018/03/15 HTML / CSS
娇韵诗加拿大官网:Clarins加拿大
2017/11/20 全球购物
Kappa英国官方在线商店:服装和运动器材
2020/11/22 全球购物
应届生会计求职信
2013/11/11 职场文书
工商局局长个人对照检查材料思想汇报
2014/09/23 职场文书
2014年社区党建工作汇报材料
2014/11/02 职场文书
欢送领导祝酒词
2015/08/12 职场文书