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 相关文章推荐
js获得鼠标的坐标值的方法
Mar 13 Javascript
浅析JavaScript中的常用算法与函数
Nov 21 Javascript
javascript与Python快速排序实例对比
Aug 10 Javascript
JS获取当前脚本文件的绝对路径
Mar 02 Javascript
一种Javascript解释ajax返回的json的好方法(推荐)
Jun 02 Javascript
Ajax 加载数据 练习代码
Jan 05 Javascript
AngularJS 文件上传控件 ng-file-upload详解
Jan 13 Javascript
JS实现table表格内针对某列内容进行即时搜索筛选功能
May 11 Javascript
微信小程序表单验证form提交错误提示效果
Jun 19 Javascript
解决vue的变量在settimeout内部效果失效的问题
Aug 30 Javascript
详解vue数组遍历方法forEach和map的原理解析和实际应用
Nov 15 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 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/06 新手入门
PHP Memcached + APC + 文件缓存封装实现代码
2010/03/11 PHP
php几个预定义变量$_SERVER用法小结
2014/11/07 PHP
PHP图像处理之使用imagecolorallocate()函数设置颜色例子
2014/11/19 PHP
PHP内存使用情况如何获取
2015/10/10 PHP
PHPExcel笔记, mpdf导出
2016/05/03 PHP
Yii2汉字转拼音类的实例代码
2017/04/18 PHP
Laravel如何使用Redis共享Session
2018/02/23 PHP
angularjs的一些优化小技巧
2014/12/06 Javascript
js中实现字符串和数组的相互转化详解
2016/01/24 Javascript
实例讲解JS中setTimeout()的用法
2016/01/28 Javascript
简单理解vue中el、template、replace元素
2016/10/27 Javascript
如何理解Vue的作用域插槽的实现原理
2017/08/19 Javascript
为什么我们要做三份 Webpack 配置文件
2017/09/18 Javascript
Vue 配合eiement动态路由,权限验证的方法
2018/09/26 Javascript
使用pm2自动化部署node项目的方法步骤
2019/01/28 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
JavaScript 如何在浏览器中使用摄像头
2020/12/02 Javascript
在vue项目中封装echarts的步骤
2020/12/25 Vue.js
[02:26]2016国际邀请赛8月3日开战 中国军团出征西雅图
2016/08/02 DOTA
[55:32]2018DOTA2亚洲邀请赛 4.4 淘汰赛 EG vs LGD 第二场
2018/04/05 DOTA
pygame学习笔记(2):画点的三种方法和动画实例
2015/04/15 Python
Python实现k-means算法
2018/02/23 Python
python实现得到当前登录用户信息的方法
2019/06/21 Python
python并发编程多进程之守护进程原理解析
2019/08/20 Python
python实现图片上添加图片
2019/11/26 Python
python 实现表情识别
2020/11/21 Python
会计自我鉴定
2013/11/02 职场文书
致1500米运动员广播稿
2014/02/07 职场文书
《美丽的小路》教学反思
2014/02/26 职场文书
助人为乐道德模范事迹材料
2014/08/16 职场文书
未婚证明格式
2015/06/15 职场文书
MySQL CHAR和VARCHAR该如何选择
2021/05/31 MySQL
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL
javascript的var与let,const之间的区别详解
2022/02/18 Javascript
详解SQL报错盲注
2022/07/23 SQL Server