700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > JS根据url获取图片真实宽高 上传图片获取真实宽高

JS根据url获取图片真实宽高 上传图片获取真实宽高

时间:2018-12-01 01:05:45

相关推荐

JS根据url获取图片真实宽高  上传图片获取真实宽高

根据url获取真实宽高

var url = require("url");var http = require("http");var sizeOf = require("image-size");var imgUrl = this.imgUrl; //图片URLhttp.get(url.parse(imgUrl), function(response) {var chunks = [];response.on("data", function(chunk) {chunks.push(chunk);}).on("end", function() {var buffer = Buffer.concat(chunks);const {width, height } = sizeOf(buffer);console.log(sizeOf(buffer),width,height)});});

上传图片时获取真实宽高

</pre><pre name="code" class="html"><input id="file" type="file"> <input id="Button1" type="button" value="button" οnclick="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.οnlοad=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>

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。