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 相关文章推荐
JavaScript 全面解析各种浏览器网页中的JS 执行顺序
Feb 17 Javascript
jQuery删除节点的三个方法即remove()detach()和empty()
Dec 27 Javascript
谈谈impress.js初步理解
Sep 09 Javascript
纯JavaScript代码实现文本比较工具
Feb 17 Javascript
关于原生js中bind函数的简单实现
Aug 10 Javascript
网页挂马方式整理及详细介绍
Nov 03 Javascript
详解Angular的双向数据绑定(MV-VM)
Dec 26 Javascript
vue.js中指令Directives详解
Mar 20 Javascript
修改npm全局安装模式的路径方法
May 15 Javascript
react native基于FlatList下拉刷新上拉加载实现代码示例
Sep 30 Javascript
Vue2 添加数据可视化支持的方法步骤
Jan 02 Javascript
浅谈vue中$bus的使用和涉及到的问题
Jul 28 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
PHP 事件机制(2)
2011/03/23 PHP
php模板原理讲解
2013/11/13 PHP
PHP正则表达式替换站点关键字链接后空白的解决方法
2014/09/16 PHP
Linux下安装PHP MSSQL扩展教程
2014/10/24 PHP
PHP中Memcache操作类及用法实例
2014/12/12 PHP
document 和 document.all 分别什么时候用
2006/06/22 Javascript
js刷新框架子页面的七种方法代码
2008/11/20 Javascript
dwz 如何去掉ajaxloading具体代码
2013/05/22 Javascript
javascript相关事件的几个概念
2015/05/21 Javascript
jQuery判断一个元素是否可见的方法
2015/06/05 Javascript
vue v-model表单控件绑定详解
2017/05/17 Javascript
JS Testing Properties 判断属性是否在对象里的方法
2017/10/01 Javascript
vue2.0 自定义组件的方法(vue组件的封装)
2018/06/05 Javascript
Vue源码探究之状态初始化
2018/11/14 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
2019/04/12 Javascript
通过layer实现可输入的模态框的例子
2019/09/27 Javascript
vue滑动吸顶及锚点定位的示例代码
2020/05/10 Javascript
Vue ​v-model相关知识总结
2021/01/28 Vue.js
python操作MySQL 模拟简单银行转账操作
2017/09/27 Python
Python3爬虫之urllib携带cookie爬取网页的方法
2018/12/28 Python
对python调用RPC接口的实例详解
2019/01/03 Python
python 进程 进程池 进程间通信实现解析
2019/08/23 Python
Python3将数据保存为txt文件的方法
2019/09/12 Python
python中复数的共轭复数知识点总结
2020/12/06 Python
Python调用系统命令os.system()和os.popen()的实现
2020/12/31 Python
CSS3实现简易版的刮刮乐效果
2016/09/27 HTML / CSS
HTML5 canvas画图并保存成图片的jcanvas插件
2014/01/17 HTML / CSS
美国网上订购鲜花:FTD
2016/09/23 全球购物
匡威荷兰官方网站:Converse荷兰
2018/10/24 全球购物
英国鲜花递送:Blossoming Gifts
2020/07/10 全球购物
电子商务专业实习生自我鉴定
2013/09/24 职场文书
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
2014年综治维稳工作总结
2014/11/17 职场文书
五年级上册复习计划
2015/01/19 职场文书
关于销售人员的年终工作总结要点
2019/08/15 职场文书
导游词之湖北梁子湖
2019/11/07 职场文书