js如何获取网上图片尺寸，js获取图片的大小

关于JS获取图图片长宽的问题,在Chrome下总是为0

var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是 图片的 宽度 和高度。 你可以试一下，Chrome绝对可以。

这段代码可以使图片的大小保持在一定范围内，如果图片的原始尺寸都大于max*值，则显示出来的图片宽度都相等。原始代码：在我的js代码中，也采取了这种写法。

图片的加载并不像div这类元素是已经加载完成后才调用的，图片是在页面加载后一直在加载，没有加载完成，当然是取不到值。应判断图片加载是否完成，用load事件。

相关问答

Q1: JS获取图片大小(长宽)问题

什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是 图片的 宽度 和高度。 你可以试一下，Chrome绝对可以。

方法一：HTML5提供了一个新属性 naturalWidth / naturalHeight 可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9里已经实现。

HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。

这个js估计实现不了哦。你可以通过flash控件来实现。到网上搜下，应该是有这种插件的。 我记得有个叫做imagecrop的插件，就是做裁剪相关的。既然能做裁剪，肯定有做图片尺寸判断的。

Q2: JS获取图片宽高,急急急~

1、什么时候需要获取图片真实的宽度和高度在做pc网页的时候，有时候会考虑按照插入的图片的尺寸来判断图片是横图还是竖图。

2、HTML5提供了一个新属性 naturalWidth / naturalHeight 可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9里已经实现。

3、假如在页面有一个img标签： 编写代码：var img = document.getElementById(test_img)；alert(img.offsetWidth+，+img.offsetHeight)；打印出来就是 图片的 宽度 和高度。 你可以试一下，Chrome绝对可以。

4、界面中有一个img，但是没有用js来设置它的宽度高度和背景颜色。接着使用jQuery获取到所要设置的div，并且调用css（）方法即可开始设置了。在css方法即可设置，注意，里面有花括号哦，并且属性用双引号引起来。

5、改成w=w.offsetWidth；js获取Html元素的实际宽度高度 第一种情况就是宽高都写在样式表里，就比如#div1{width：120px；}。这中情况通过#divstyle.width拿不到宽度，而通过#divoffsetWidth才可以获取到宽度。

Q3: js获取上传图片的尺寸

HTML 中input标签有个类型是file。这个是可以上传文件使用的。你可以直接操作这个标签的size来获取文件的大小。

HTML5提供了一个新属性 naturalWidth / naturalHeight 可以直接获取图片的原始宽高。这两个属性在Firefox/Chrome/Safari/Opera及IE9里已经实现。

这个js估计实现不了哦。你可以通过flash控件来实现。到网上搜下，应该是有这种插件的。 我记得有个叫做imagecrop的插件，就是做裁剪相关的。既然能做裁剪，肯定有做图片尺寸判断的。

Q4: jsp页面上怎么用javascript获取base64编码的图片的大小

需要计算文件流大小，首先把头部的data：image/png；base64，（注意有逗号）去掉。

jsp获取上传文件大小方法如下：long size=request.getContentLength() ；在文件准备上传之前就可以得到其大小。

准备要显示的图片，并创建一个最简单的jsp页面，运行起来。 通过ImageIo读取图片。 将图像的元字节数据保存到bytearray中。 将图像的字节数据用base64编码，转换成base64字符串。

关于js如何获取网上图片尺寸和js获取图片的大小的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。