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

var image = new Image();

imagesrc = '地址';

imageonload = function(){

alert(imagewidth);

alert(imageheight);

}

1、为绑定点击事件

2、在点击事件中使用jQuery获得的src属性

3、调用文本框的val()方法，将取到的路径显示在文本框中

<html>

<head>

$(function(){

//为绑定点击事件

$("#tu")click(function(){

//获得的src属性

var url=$(this)prop("src");

//将路径赋值到文本框中

$("#txtUrl")val(url);

});

</script>

</head>

<body>

</body>

</html>

假如在页面有一个img标签： <img src="hyzqjpg" id="test_img" />

编写代码：

var img = documentgetElementById("test_img");

alert(imgoffsetWidth+","+imgoffsetHeight);

打印出来就是的宽度和高度。你可以试一下，Chrome绝对可以。

var imgScrs="";

var imgs = documentgetElementsByTagName("img");

for(var i=0;i<imgslength;i++){

imgScrs+=imgs [i]src;

if(i+1<imgslength)imgScrs+="|";

}

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

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

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

以上就是关于js 中，已知图片路径，如何获取图片的长度和宽度，在线等，急全部的内容，包括:js 中，已知图片路径，如何获取图片的长度和宽度，在线等，急、单击图片，在js里获取图片的地址，并在文本框中显示、关于JS获取图图片长宽的问题，在Chrome下总是为0等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址:https://54852.com/web/10155819.html

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

发表评论

评论列表（0条）