javascript获取图像尺寸 js获取图片格式

js如何获取图片显示时的大小尺寸

img有onload属性，在图片加载完成时执行，这时候图片实际高度宽度可读取，从而实现自动获取宽高。

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

//获取图片原始宽度 function getNaturalWidthAndHeight(img){ var image = new Image()；image.src = img.src；return [image.width，image.height]；} //点击缩略图弹出层，显示原始图片。

可以很明确的说，js无法得知没有标示的img标签的原图的图片大小。

相关问答

Q1: js如何获取图片的尺寸?

img有onload属性，在图片加载完成时执行，这时候图片实际高度宽度可读取，从而实现自动获取宽高。

给img添加加载事件，图像加载完成才能获取图片的尺寸。

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

Q2: js能不能获取图片的大小

1、给img添加加载事件，图像加载完成才能获取图片的尺寸。

2、img有onload属性，在图片加载完成时执行，这时候图片实际高度宽度可读取，从而实现自动获取宽高。

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

4、网页中一张图片可以这样显示：代码如下： 也可以这样显示：代码如下： 我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求。坏处呢，就是浏览器不会缓存这种图像。

5、建议你使用JQUERY框架，这样才会在各大主流浏览器兼容。

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

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

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

3、base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个HTTP 请求 Data URI scheme。

4、或者： 当页面中图片非常多，且要求每张图片的大小依据其父容器来固定怎么办？可以使用max-weight：img {max-weight：100%；} 这样图片会自动缩放到和其父容器等宽。

5、getBounds获取宽高。setBounds设置宽高，或者scaleX，scaleY设置宽高的缩放。http：//createjs.com/docs/easeljs/classes/Bitmap.html 这种问题自己先查官方的API文档。

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

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

2、以ASP为例，假设图片的格式为JPG，文件名为base64pic.asp。 Response.ContentType = image/gif Response.BinaryWrite base64Decoder(pic) 以上代码用于输出图片内容。

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

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