php上传图片大小判断,jQuery实现判断上传图片类型和大小的方法示例
本文实例讲述了jQuery实现判断上传图片类型和大小的方法。分享给大家供大家参考,具体如下:
这里使用jQuery判断上传图片的类型和大小:
图片格式为:
图片大小为:
$(function(){
var p_1 = $('#p_1'),
p_2 = $('#p_2');
$('body').on('change','#file',function(){
var path = $(this).val(),
extStart = path.lastIndexOf('.'),
ext = path.substring(extStart,path.length).toUpperCase();
//判断图片格式
if(ext !== '.PNG' && ext !== '.JPG' && ext !== '.JPEG' && ext !== '.GIF'){
alert('请上传正确格式的图片');
resetFile();
return false;
}else{
p_1.html('图片格式为:' + ext);
}
//获取图片大小,注意使用this,而不是$(this)
var size = this.files[0].size / 1024;
if(size > 10240){
alert('图片大小不能超过10M');
resetFile();
return false;
}else{
p_2.html('图片大小为:' + size.toFixed(2) + 'KB');
}
})
//还原
function resetFile(){
//清空file表单的值,不能直接使用$('#file').val('')这种写法
$('form').html('');
p_1.html('图片格式为:');
p_2.html('图片大小为:');
}
})
lastIndexOf()方法从后向前检索指定字符串,如果出现了指定的字符,则返回该字符所在的位置,如果没有,返回-1,位置从0开始计数
toUpperCase()方法转换成大写字母
substring()方法截取字符串,第一个参数为开始的位置,第二个参数为结束的位置(如果省略,则默认会截取到字符串的结尾),与slice()和substr()方法不同的是,substring()不接受负的参数
slice()方法同substring()方法,区别是接受负的参数(若参数为负数,则从字符串尾部开始计算位置)
substr()方法截取字符串,第一个参数是开始的位置,第二个参数是截取的长度(不同于slice和substring),现已不建议使用
希望本文所述对大家jQuery程序设计有所帮助。
php上传图片大小判断,jQuery实现判断上传图片类型和大小的方法示例相关推荐
- html怎么让单选按钮判断,jquery怎么判断单选按钮是否选中?
jquery怎么判断单选按钮是否选中?下面本篇文章给大家介绍一下使用jquery判断单选按钮是否选中的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. JQuery判断radio ...
- java如何构造ajax回调参数,jQuery实现ajax回调函数带入参数的方法示例
本文实例讲述了jQuery实现ajax回调函数带入参数的方法.分享给大家供大家参考,具体如下: 不带参数的写法: function pass(htmlId,auditingFlag){ var url ...
- python上传图片到服务器_Flask入门之上传文件到服务器的方法示例
今天要做一个简单的页面,可以实现将文件 上传到服务器(保存在指定文件夹) #Sample.py # coding:utf-8 from flask import Flask,render_templa ...
- php jq异步上传图片,Jquery实现异步上传图片
利用jQuery的ajax函数就可以实现异步上传图片了.一开始我是想在处理程序中,直接用context.Request.Files来获取页面中的input file,但是不知道为什么一次获取不了.网上 ...
- 上传图片校验图片类型、大小及尺寸
一.校验图片的类型.大小 function imageVerify(file, size) {//判断上传的文件后缀是否否和规范for(var i = 0; i < file.length; ...
- html中判断数组是否为空,jquery如何判断数组是否为空?
jquery如何判断数组是否为空? 可以通过判断数组的长度length来判断数组是否为空. 空数组的length值为空.数组的 length 属性总是比数组中定义的最后一个元素的下标大于1.对于那些具 ...
- php判断单选框是否被选中,jquery怎么判断radio是否选中
jquery判断radio是否选中的方法:1.利用获取选中值判断选中:2.使用checked属性判断选中:3. jquery获取radio单选按钮的值:4.设置单选按钮被选中. 本教程操作环境:win ...
- html判断是否有某个元素,jquery怎么判断元素是否存在?
jquery怎么判断元素是否存在?下面本篇文章就来给大家介绍一下使用jquery判断元素是否存在的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 使用JQuery想要判断元素是 ...
- jq设置checked是否选中_javascript之jquery如何判断input type=checkbox中checked是否存在选中项呢?...
摘要: 下文讲述jquery技巧-获取checkbox对象是否选中的方法分享,如下所示: 实现思路: 方式1: jquery 1.6版本之前-我们检测checkbox是否被选中,可使用attr方法 $ ...
最新文章
- modules黑名单
- 科学研究发现,盲人用时间感知空间
- Enterprise Library 3.0 体验(3):使用配置文件的Validation Application Block
- MySQL性能优化最佳实践 - 02 MySQL数据库性能衡量
- 优化案例(part5)--sparse subspace clustering via Low-Rank structure propagation
- java id主键_JAVA主键ID生成工具类:改自twitter的分布式ID算法snowflake
- 第7步 mybatis-generator dao层生成器
- 最优化学习笔记(九)——基本的共轭方向算法
- data为long 怎么设置vue_vue--为什么data属性必须是一个函数
- eclipse中 将java项目转换为web项目
- ZedGraph webform 初学小例子 (代码有详细解释)
- 【转载】大型网站性能
- 完美数的算法设计(C语言)
- 高翔orbslam_从编译运行orbslam2说起
- 如何给计算机c盘加内存,电脑C盘内存太小_这个方法教你扩大C盘空间 - 驱动管家...
- 深度linux没有声音,deepin扬声器/耳机没有声音解决方案
- android手机连不上wifi密码,修改wifi密码后手机连不上_修改wifi密码后手机不能上网-192路由网...
- 2022年最佳WordPress企业主题
- CityEngine--comp() operator
- 如何进行SPSS的重复测量方差分析
热门文章
- 服务器上在哪修改my.in,wordpress plugin的SVN使用方法
- URL请求到Action的映射规则
- linux c获取内存和cpu使用率,linux c程序获取cpu使用率及内存使用情况
- 基于JAVA+SpringBoot+Mybatis+MYSQL的送水公司后台管理系统
- 基于JAVA+SpringMVC+Mybatis+MYSQL的房屋租赁管理系统
- 基于JAVA+SpringMVC+Mybatis+MYSQL的高校学习智能管理论坛系统
- Spring Cloud 子项目介绍
- 牛客网 牛客小白月赛1 C.分元宵-快速幂
- 11,外观模式(Facade Pattern)是为子系统中的一组接口提供一个一致的界面,此模式定义了一个高层接口,这个接口使得这一子系统更加容易使用。...
- Java 使用阿里云短信的API接口