首先，可以通过new FileReader()，再通过将上传的图片文件传给实例的readAsDataUrl()，当文件加载完成触发onload事件，传递event，通过event.target.result来获取图片的链接(base64格式的)
接着，new Image()实例，将上面获取的链接设置为图片的src属性，当图片加载完成触发onload事件就可以通过width、height属性来读取图片的长宽啦~~
第一种：$(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>
1、为图片绑定点击事件
2、在点击事件中使用jQuery获得图片的src属性
3、调用文本框的val()方法，将取到的图片路径显示在文本框中
<html><head>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></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/friend.jpg" width="800" height="600" /><br/>
<input type="text" id="txtUrl" />
</body>
</html>
