js怎么拿到图片的原始尺寸 js 获取图片尺寸

jQuery有没有获取图片实际尺寸的方法

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

2、首先你要先准备好small.jpg、big.jpg小图和大图；然后加载jquery文件；开始写效果代码。

3、首先，界面中有一个img，但是js不用于设置其宽度，高度和背景颜色，如下图所示。其次，使用jQuery获取要设置的div，然后调用css（）方法即可开始设置，如下图所示。接着，可以在css方法中设置。

4、这个是没有办法，最笨的办法就是把原来的大小先保存到变量中去，先后再从变量里取出来。

5、你说的大小是什么意思，是kb或者MB的大小，还是宽度和高度的大小，表达清楚。

相关问答

Q1: 如何用JS改变图像的原始大小

1、可以用js事件“onmouseover”和“onmouseout”来实现。

2、原理：用JS在加载图片后判断图片是否突破规定的高和宽，如果超过再根据图片的宽高比例进行调整。特别说明，JS代码只限制图片的高或者宽时，宽或者高会按照比例进行相应调整。

3、准备好需要用到的图标。新建html文档。书写hmtl代码。 。书写并添加js代码。/script。代码整体结构。查看效果。

4、点击JavaScript图片。通过点击之中换成img的src属性。换成属性之后，将图片设置成动画形式放大原来的5倍。在设置中找到动画时间，将动画时间设为3秒即可。

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

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

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

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

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

Q3: 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标签的原图的图片大小。

你是怎么取得Image对象的宽度和高度的？用的image.style.width和image.style.height？这两个只能获得显示在元素style属性中设置的css样式。

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