如何通过JavaScript获取网页中图片的具体高度呢?

2026-04-06 19:111阅读0评论SEO问题
  • 内容介绍
  • 文章标签
  • 相关推荐

本文共计124个文字,预计阅读时间需要1分钟。

如何通过JavaScript获取网页中图片的具体高度呢?

javascriptwindow.onload=function() { var fileInput=document.getElementById('fileInput'); var fileDisplayArea=document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file=fileInput.files[0]; });};

gistfile1.txt

window.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:

如何通过JavaScript获取网页中图片的具体高度呢?

本文共计124个文字,预计阅读时间需要1分钟。

如何通过JavaScript获取网页中图片的具体高度呢?

javascriptwindow.onload=function() { var fileInput=document.getElementById('fileInput'); var fileDisplayArea=document.getElementById('fileDisplayArea'); fileInput.addEventListener('change', function(e) { var file=fileInput.files[0]; });};

gistfile1.txt

window.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:

如何通过JavaScript获取网页中图片的具体高度呢?