jquery 获取上传图片的大小(或者本张图片的其它属性)
           <input type="file"  name="upload" style="display:none;" src="${rc.contextPath}/js/css/images/Img_storeinterior@2x.png" onchange="previewImg(this);" id="upload" 
accept="image/*"/>
  var extension = imgFile.value.substring(imgFile.value.lastIndexOf("."),imgFile.value.length);//扩展名
         var file = imgFile.files[0];
         var fileSize=file.size;
上面我们可以看到传过来的file的属性是整个input框的file的
假如现在就上传了一张图片,那么我们就获取地0个元素,然后在获取它的大小
记住要先file[0]在size,不能直接size
直接size的话会是20,这是file标签默认的20张图片的意思,而不是图片大小的size。
jquery 获取上传图片的大小(或者本张图片的其它属性)的更多相关文章
- javascript获取上传图片的大小
		
javascript获取上传图片的大小 <pre><input id="file" type="file"> <input id= ...
 - ASP.NET获取上传图片的大小
		
1.采用客户端javascript可以取得图片大小 <input id="FileUpload" type="file" size="30&qu ...
 - JQuery获取body的大小
		
$('body').height(); $('body').width();
 - 利用 jquery 获取某个元素下的所有图片并改变其属性
		
HTML代码 <div id="mochu"> <p>内容....<./p> <p><img src="xxxx.p ...
 - 微信小程序---获取上传图片大小
		
wx.chooseImage({ count: 1, sizeType: ['compressed'], sourceType: ['album', 'camera'], success: funct ...
 - jquery实现上传图片及图片大小验证、图片预览效果代码
		
jquery实现上传图片及图片大小验证.图片预览效果代码 jquery实现上传图片及图片大小验证.图片预览效果代码 上传图片验证 */ function submit_upload_picture() ...
 - MVC中使用jquery uploadify上传图片报302错误
		
使用jquery uploadify上传图片报302错误研究了半天,发现我上传的action中有根据session判断用户是否登录,如果没有登录就跳到登陆页,所以就出现了302跳转错误.原来更新了fl ...
 - jquery 获取元素在浏览器中的绝对位置
		
代码详解 1,获取对象(自定义调整打开新窗口参照元素) var obj = $("#oButton"); 实例中我获取的对象是弹出窗口按钮,这样创建的新窗口就会根椐按钮的位置进行调 ...
 - jquery 获取和设置 checkbox radio 和 select option的值?
		
============== 获取和设置 checkbox radio 和 select的值? === val()函数, 其名字就表达了 它的意思: 他就是= value 的简写! val就是valu ...
 
随机推荐
- mongodb学习一
			
Windows 平台安装 MongoDB MongoDB 下载 MongoDB 提供了可用于 32 位和 64 位系统的预编译二进制包,你可以从MongoDB官网下载安装,MongoDB 预编译二进制 ...
 - js小技巧:数组去重
			
JavaScript 数组中去除重复的数据 var arr = [1, 2, 2, 3, '1', null, 'a', 'b', 'a']; var t = {}; var result = arr ...
 - CSS常用属性计算原理
			
absolute: left.right/top.bottom 的百分比值分别根据父元素的 wdith / height 计算 margin: top /right / bottom/ left 的百 ...
 - window.location的路径
			
1 相对路径 window.location.href='add_affiche.php'; 或 window.location.href='./add_affiche.php'; 2 绝对路径 wi ...
 - 用阿里云的免费 SSL 证书让网站从 HTTP 换成 HTTPS
			
HTTP 协议是不加密传输数据的,也就是用户跟你的网站之间传递数据有可能在途中被截获,破解传递的真实内容,所以使用不加密的 HTTP 的网站是不太安全的.所以, Google 的 Chrome 浏览器 ...
 - ★Linux桌面系统技巧(作为客户端)
			
[安装chrome浏览器]* 下载(已下载完成):32位:wget https://dl.google.com/linux/direct/google-chrome-stable_current_i3 ...
 - 拥抱.NET Core系列:MemoryCache 初识
			
Cache是一个绝大多数项目会用到的一个技术,说起到缓存可能就联想到 Set.Add.Get.Remove.Clear 这几个方法.那么在.NET Core中微软给我们带来了什么样的缓存体验呢?今天我 ...
 - cryptojs的使用
			
项目中经常会遇到加密解密的需求,这里有一个js库非常好用,就是crypto-js.下面记录一下使用方法. 首先,安装js库 npm install crypto-js --save 然后,在项目中使用 ...
 - ubuntu16.04 python3 安装selenium及环境配置
			
环境 ubuntu16.04 python3 安装selenium sudo pip3 install seleium 默认安装完是支持firefox,但是更新得太慢对于较新的firefox已经不支持 ...
 - 高并发关于微博、秒杀抢单等应用场景在PHP环境下结合Redis队列延迟入库
			
第一步:创建模拟数据表. CREATE TABLE `test_table` ( `id` int(11) NOT NULL AUTO_INCREMENT, `uid` int(11) NOT NUL ...