首页 > 代码库 > js 获取图片宽高 和 图片大小
js 获取图片宽高 和 图片大小
获取要查看大小的img
varimg_url = ‘http://img5.imgtn.bdimg.com/it/u=4267222417,1017407570&fm=200&gp=0.jpg‘ // 创建img对象 var img = new Image(); // 改变图片的src img.src = http://www.mamicode.com/img_url; // 加载完成执行 img.onload = function(){ // 打印 alert(‘width:‘+img.width+‘,height:‘+img.height); 这样就可以了
获取当前图片的大小
<body> <img id="image" src="" width="200px" ; height="200px" ;/> <br/> <input type="file" onchange="selectImage(this);" /> <br/> <input type="button" onclick="uploadImage();" value="http://www.mamicode.com/提交" /> <script> var image = ‘‘; function selectImage(file) { console.log(file.files) //输出的数值如下：
console.log(file.files[0].size) //获取大小
输出的是字节 1kb = 1024b 所以想转化的话 就要 parseInt（file.files.size / 1024） // 这样的结果就是kb if (!file.files || !file.files[0]) { return; } var reader = new FileReader(); reader.onload = function (evt) { document.getElementById(‘image‘).src = evt.target.result; image = evt.target.result; } reader.readAsDataURL(file.files[0]); } function uploadImage() { $.ajax({ type: ‘POST‘, url: ‘admin.php‘, data: { image: image }, async: false, dataType: ‘json‘, success: function (data) { consoel.log(data) if (data.success) { alert(‘上传成功‘); } else { alert(‘上传失败‘); } }, error: function (err) { console.log(err) alert(‘网络故障‘); } }); } </script> </body>
知道的就这么多，有不对的地方 还请大神指导一二
js 获取图片宽高 和 图片大小
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。