如何通过JavaScript获取网页中图片的具体高度呢?
- 内容介绍
- 文章标签
- 相关推荐
本文共计124个文字,预计阅读时间需要1分钟。
javascriptwindow.onload=function() { var fileInput=document.getElementById('fileInput'); var fileDisplayArea=document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file=fileInput.files[0]; });};
gistfile1.txtwindow.onload = function() { var fileInput = document.getElementById('fileInput'); var fileDisplayArea = document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file = fileInput.files[0]; var imageType = /image.*/; if (file.type.match(imageType)) { var reader = new FileReader(); reader.onload = function(e) { fileDisplayArea.innerHTML = ""; var img = new Image(); $(img).css('display','none'); img.src = reader.result; img.onload = function() { console.log(img.height); console.log(img.width); // image is loaded; sizes are available }; $('body').append(img); } reader.readAsDataURL(file); } else { fileDisplayArea.innerHTML = "File not supported!" } }); } gistfile2.txt
Image File Reader
Select an image file:本文共计124个文字,预计阅读时间需要1分钟。
javascriptwindow.onload=function() { var fileInput=document.getElementById('fileInput'); var fileDisplayArea=document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file=fileInput.files[0]; });};
gistfile1.txtwindow.onload = function() { var fileInput = document.getElementById('fileInput'); var fileDisplayArea = document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file = fileInput.files[0]; var imageType = /image.*/; if (file.type.match(imageType)) { var reader = new FileReader(); reader.onload = function(e) { fileDisplayArea.innerHTML = ""; var img = new Image(); $(img).css('display','none'); img.src = reader.result; img.onload = function() { console.log(img.height); console.log(img.width); // image is loaded; sizes are available }; $('body').append(img); } reader.readAsDataURL(file); } else { fileDisplayArea.innerHTML = "File not supported!" } }); } gistfile2.txt

