项目的需求是上传一张，然后验证该的尺寸，如果跟预期的不符，就不给上传
首先，可以通过new FileReader()，再通过将上传的文件传给实例的readAsDataUrl()，当文件加载完成触发onload事件，传递event，通过eventtargetresult来获取的链接(base64格式的)
接着，new Image()实例，将上面获取的链接设置为的src属性，当加载完成触发onload事件就可以通过width、height属性来读取的长宽啦~~
你是问相对于 它所在的上级的位置，还是整个页面？
可以用jquery
<div id="xxx"></div>
js:
var o =$("#xx")offset();// { left:0,top:0 }，这个是相对于上级的
var o =$("#xx")position();//同上，这是相对于整个页面的
1、为绑定点击事件
2、在点击事件中使用jQuery获得的src属性
3、调用文本框的val()方法，将取到的路径显示在文本框中
<html><head>
<script type="text/javascript" src="js/jquery-183minjs"></script>
<script type="text/javascript">
$(function(){
//为绑定点击事件
$("#tu")click(function(){
//获得的src属性
var url=$(this)prop("src");
//将路径赋值到文本框中
$("#txtUrl")val(url);
});
});
</script>
</head>
<body>
<img id="tu" src="images/friendjpg" width="800" height="600" /><br/>
<input type="text" id="txtUrl" />
</body>
</html>
<script language="javascript">
$(document)ready(function (){
var imgCut1=new ImgCut("showHere","/mydogjpg",150,200,100,100);
}
</script>
<div id="showHere"></div>
如果要实现像QQ邮箱里面的截屏功能，则需要通过ActiveX插件来实现。QQ也是通过插件来实现的。
在这里推荐楼主使用北京新颖网络截屏插件。
详细介绍：>
第一种：
$(function(){
$("imgabcdefg img")css("width","100px");
})
第二种：
<script>
$(function(){
$("head_menu ul")find("li")each(function(){
$(this)each(function(){
if($(this)attr("id")){
alert($(this)html());
//alert($(this)attr("id"));
}
});
});
})
</script>
<div class="head_menu">
<ul>
<li><a href="#">第一个</a></li>
<li id="2"><a href="#">第二个</a></li>
<li><a href="#">第三个</a></li>
</ul>
</div>
以上就是关于js如何获取图片的尺寸全部的内容，包括:js如何获取图片的尺寸、js 如何获取当前图片所在的网页位置、单击图片，在js里获取图片的地址，并在文本框中显示等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）