js 中，已知图片路径，如何获取图片的长度和宽度，在线等，急

var image = new Image();

imagesrc = '地址';

imageonload = function(){

alert(imagewidth);

alert(imageheight);

}

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

html中添加onload

function showSize(img){

alert(imgwidth);

alert(imgheight);

}

<div style="width:100px;height:600px"><img src="1jpg" onload="showSize(this)"></div>

或者js代码中添加onload

let img=documentquerySelector("div img");

imgonload = function() {

alert(imgheight);

alert(imgwidth);

}

如果没有放到服务器上，只是代码放上，想要JS读取本地的资源是没办法的。

你做的上传功能放到服务器不能显示并不是因为保存在本地了，而是你的保存到服务器但缩略图引用路径不正常。

建议个性缩略图引用路径的格式，建议使用相对路径，千万不要使用物理路径，如：D:/ajpg

举个栗子，你的WEB网站，也打不开你的计算机的光驱。。

同样道理，你手机WEB站，也打不开手机摄像头。。

因为，这都是需要再系统级别进行的 *** 作。。

而你的WEB只能在浏览器内。。

方法一：获取的宽高。可以用offsetWidth和offsetHeight;

方法二：

你先获取img标签标签元素。用getElementById()或者getElementsByClassName或者getElementsByTagName()都可以。

获取之后，如果你的img有width和height 属性，可以直接用img元素对象点属性

documentgetElementsByTagName("img")[0]width;

documentgetElementsByTagName("img")[0]height;

3如果img元素本身没有width和height属性。你可以获取img元素的style样式

function getStyle(obj,attr){

return objcurrentStyleobjcurrentStyle[attr]:getComputedStyle(obj)[attr];

｝；

obj是你的img标签对象，attr是你的想要获取的属性；

currentStyle支持IE低版本浏览器，

getComputedStyle支持主流浏览器

以上就是关于js 中，已知图片路径，如何获取图片的长度和宽度，在线等，急全部的内容，包括:js 中，已知图片路径，如何获取图片的长度和宽度，在线等，急、js如何获取图片显示时的大小尺寸、服务器中 JS如何读取本地图片等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！