js获取上传图片真实的尺寸大小和存储大小
2016-10-21 17:32
489 查看
</pre><pre name="code" class="html"><input id="file" type="file"> <input id="Button1" type="button" value="button" onclick="check()"> <script> window.check=function(){ var input = document.getElementById("file"); if(input.files){ //读取图片数据 var f = input.files[0]; var reader = new FileReader(); reader.onload = function (e) { var data = e.target.result; //加载图片获取图片真实宽度和高度 var image = new Image(); image.onload=function(){ var width = image.width; var height = image.height; alert(width+'======'+height+"====="+f.size); }; image.src= data; }; reader.readAsDataURL(f); }else{ var image = new Image(); image.onload =function(){ var width = image.width; var height = image.height; var fileSize = image.fileSize; alert(width+'======'+height+"====="+fileSize); } image.src = input.value; } } </script>
相关文章推荐
- js获取上传图片的尺寸大小
- JS获取图片的原始尺寸和上传图片大小
- JS获取上传图片的尺寸和大小
- 使用JavaScript获取图片的真实尺寸大小
- js获取上传图片大小
- 图片上传之前检查大小、尺寸、格式并预览的js代码
- js如何获取上传图片的大小
- 用php或js获取图片大小,高宽尺寸.
- js在前端获取在本地上传图片的尺寸
- 利用js获取图片尺寸与图片大小(高度与宽度)
- 利用js获取图片尺寸与图片大小(高度与宽度)
- js获取图片的真实大小,字节大小
- 如何用JavaScript获取图片的真实尺寸大小
- [转]前台JS限制上传图片质量大小和尺寸!
- 前台JS限制上传图片质量大小和尺寸
- js判断上传图片大小及尺寸
- Js获取图片的真实大小
- 上传图片时js验证图片大小、尺寸、格式
- 通过js获取上传的图片信息(临时保存路径,名称,大小)然后通过ajax传递给后端的方法
- Asp.net获取上传图片大小的尺寸!