img有onload属性,在加载完成时执行,这时候实际高度宽度可读取,从而实现自动获取宽高。
<img id="img" src="1jpg" onload="fn()"/><script>
var fn=function(){
//你的代码
}
</script>
javascript中imgsrc属性可以获取到的完整路径, 相对路径要通过与相对位置计算得出。计算方法:
先要明确自己的相对位置在哪,这个是需要人为指定的。
核心代码如下:
var res=documentgetElementById("img")src;
var root_href='根目录路径';
res=documentgetElementById("img")srcreplace(root_href,'');
用jquery方法
var res=$("#img")attr("src");
res=ressubstring(resindexOf("根")+2);
更多关于在上传文件的过程得到完整路径的方法请参考如下:
fileselect();
var res=documentselectioncreateRange()text;
var res=filefilesitem(0)getAsDataURL();
var res=filevalue
用Jquery很快就可以做到了,获取最重要的是知道路径,知道路径后就直接能引用了,
而获取一个元素最好是有class或是id。从你的截图来看,img外层有一个a标签且这个标签有class='pic'。
但是这样好像还不够,因为可能拥有同样的类样式的a标签也有多个,同时我们还注意到有一个title的属性为餐椅,那么我们就可以这样写:
$('apic[title=餐椅]>img')attr('src');//上面的选择器分析是这样的,选择一个class='pic'且title='餐椅的所有a标签下的所有img标签直接子元素,attr()函数就是获取某一属性,这里我们明显要得到的src属性!
以上就是关于js 获取图片尺寸全部的内容,包括:js 获取图片尺寸、如何用js怎么获取到图片的相对路径、js图片没有id,现在要获取这张图片到另外的页面,该怎么实现急用,在线等等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)