 上传我的文档
 下载
 收藏
该文档贡献者很忙，什么也没留下。
 下载此文档
正在努力加载中...
2上传图片功能的实现
下载积分：600
内容提示：2上传图片功能的实现
文档格式：DOC|
浏览次数：6|
上传日期： 22:26:09|
文档星级：
全文阅读已结束，如果下载本文需要使用
 600 积分
下载此文档
该用户还上传了这些文档
2上传图片功能的实现
官方公共微信PHP+Ajax实现图片异步上传预览_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
PHP+Ajax实现图片异步上传预览
阅读已结束，如果下载本文需要使用1下载券
想免费下载本文？
定制HR最喜欢的简历
下载文档到电脑，查找使用更方便
还剩2页未读，继续阅读
定制HR最喜欢的简历
你可能喜欢拒绝访问 |
| 百度云加速
请打开cookies.
此网站 () 的管理员禁止了您的访问。原因是您的访问包含了非浏览器特征(38aa642f67d543a1-ua98).
重新安装浏览器，或使用别的浏览器后使用快捷导航没有帐号？
只需一步，快速开始
查看: 22471|回复: 7
求助，jquery如何获取图片的原始宽高
UID225694在线时间 小时积分1239帖子离线17385 天注册时间
银牌会员, 积分 1239, 距离下一级还需 1761 积分
不是我懒 这问题搜遍了百度 都木有。。。&script type=&text/javascript&&
$(document).ready(function(){&&
$(&#aticleContent img&).each(function(){
& &
& &&&alert($(this).width())
& & & & });
})
&/script&复制代码这样确实能获取。但是如果图片还未加载完毕的话，获取的宽度永远是0;
因为想判段图片的宽度，如果大于屏幕宽度就等于屏幕宽度。
&script type=&text/javascript& src=&/jquery-1.6.4.min.js&&&/script&
&div id=&aticleContent&&&div class=&theimg& align=&center&&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/div&&div class=&font_12px& align=&center&&在肯尼亚马赛马拉保护区里，一头幼狮趴在母亲的背上休息&/div&
&br&&div class=&theimg& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&两头小狮子正在研究用来拍摄它们的每一个动作的遥控相机&/div&
&br&&div class=&theimg& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&在肯尼亚马赛马拉保护区的草丛里玩耍时，一头小狮子跃入空中&/div&
&div class=&theimg& style=&display:block& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&黄昏时分一场暴雨即将来临，一头雄狮和一头雌狮躺在草地上，并未意识到有人正在给它们拍照&/div&&p&　　新浪科技讯 北京时间11月27日消息，你经过一天的努力学习战斗和保护自己的本领后，感到疲惫不堪的你此时只能向一个人寻求安慰——你的母亲。如果你是一头幼狮，有哪儿比躺在母亲毛绒绒、软乎乎的背上更舒服的呢？这正是生活在肯尼亚马赛马拉保护区姆西阿拉沼泽地里的一头母狮和它的幼仔上演的温馨一幕。&/p&
&p&　　获奖美国自然摄影师保罗-索德斯家住西雅图，他利用一部遥控相机拍摄到2岁的小狮子嬉戏的私密画面。他给它们的每一个动作拍照，甚至包括它们两个走近相机，研究这个奇怪的东西的可爱画面。这些胆大包天的小家伙用前爪相互打闹，练习它们像父母那么大时可能需要用到的动作。一只可爱的幼狮正在戏弄它的食物——这里是一只死疣猪。&/p&
&p&　　它们的这片非洲捕猎场占地900平方英里(2330.99平方公里)，是野生动物的避难所，位于肯尼亚首都内罗毕东南大约150英里(241.4公里)处。除了狮子、豹、大象、犀牛和野牛以外，这里还生活着400多种鸟类。(孝文)
&script type=&text/javascript&&
$(document).ready(function(){
$(&#aticleContent img&).each(function(){
alert($(this).width())
&提示：您可以先修改部分代码再运行
UID225694在线时间 小时积分1239帖子离线17385 天注册时间
银牌会员, 积分 1239, 距离下一级还需 1761 积分
获取图片的宽高
var img = $(‘#imageid’);
var theImage = new Image();
theImage.src = img.attr(“src”);
alert(“Width: ” + theImage.width);
alert(“Height: ” + theImage.height);复制代码
UID428331在线时间 小时积分1847帖子离线17385 天注册时间
银牌会员, 积分 1847, 距离下一级还需 1153 积分
你自己都说了未加载图片，那怎么能获取高宽呢？加载后再去获取吧
UID362010在线时间 小时积分486帖子离线17385 天注册时间
中级会员, 积分 486, 距离下一级还需 14 积分
使用$(window).load()复制代码替换$(document).ready()复制代码当load方法绑定给window对象时，会在所有内容加载后触发，包括窗口，框架，对象和图像，而$(document).ready()是在所有DOM节点加载完毕后执行。而往往在DOM节点加载完毕后，img图象还未完全加载完毕的。
&script type=&text/javascript& src=&/jquery-1.6.4.min.js&&&/script&
&div id=&aticleContent&&&div class=&theimg& align=&center&&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/div&&div class=&font_12px& align=&center&&在肯尼亚马赛马拉保护区里，一头幼狮趴在母亲的背上休息&/div&
&br&&div class=&theimg& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&两头小狮子正在研究用来拍摄它们的每一个动作的遥控相机&/div&
&br&&div class=&theimg& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&在肯尼亚马赛马拉保护区的草丛里玩耍时，一头小狮子跃入空中&/div&
&div class=&theimg& style=&display:block& align=&center&&&span&&b&&img src=&/news/swcq/dwsj/_.jpg& class=&img-border&&&/b&&/span&&/div&&div class=&font_12px& align=&center&&黄昏时分一场暴雨即将来临，一头雄狮和一头雌狮躺在草地上，并未意识到有人正在给它们拍照&/div&&p&　　新浪科技讯 北京时间11月27日消息，你经过一天的努力学习战斗和保护自己的本领后，感到疲惫不堪的你此时只能向一个人寻求安慰——你的母亲。如果你是一头幼狮，有哪儿比躺在母亲毛绒绒、软乎乎的背上更舒服的呢？这正是生活在肯尼亚马赛马拉保护区姆西阿拉沼泽地里的一头母狮和它的幼仔上演的温馨一幕。&/p&
&p&　　获奖美国自然摄影师保罗-索德斯家住西雅图，他利用一部遥控相机拍摄到2岁的小狮子嬉戏的私密画面。他给它们的每一个动作拍照，甚至包括它们两个走近相机，研究这个奇怪的东西的可爱画面。这些胆大包天的小家伙用前爪相互打闹，练习它们像父母那么大时可能需要用到的动作。一只可爱的幼狮正在戏弄它的食物——这里是一只死疣猪。&/p&
&p&　　它们的这片非洲捕猎场占地900平方英里(2330.99平方公里)，是野生动物的避难所，位于肯尼亚首都内罗毕东南大约150英里(241.4公里)处。除了狮子、豹、大象、犀牛和野牛以外，这里还生活着400多种鸟类。(孝文)
&script type=&text/javascript&&
$(window).load(function(){
$(&#aticleContent img&).each(function(){
alert($(this).width())
&提示：您可以先修改部分代码再运行
UID577054在线时间 小时积分1181帖子离线17385 天注册时间
银牌会员, 积分 1181, 距离下一级还需 1819 积分
刚好看到个有关获取图片大小的文章，分享给你：
UID595598在线时间 小时积分539帖子离线17385 天注册时间
提示: 作者被禁止或删除。
UID225694在线时间 小时积分1239帖子离线17385 天注册时间
银牌会员, 积分 1239, 距离下一级还需 1761 积分
明白鸟 感谢大家 采用了& & $(window).load() 方法
UID598631在线时间 小时积分43帖子离线17385 天注册时间
新手上路, 积分 43, 距离下一级还需 7 积分
maklove 发表于
非常好的办法 mark javascript Image应用。。
Powered byPhoneGap+Jquery+Html5从照相机和手机相册获取图片 -
- ITeye博客
博客分类：
&!DOCTYPE HTML&
&meta charset="utf-8"&
&title&&/title&
&script type="text/javascript" src="js/jquery-1.8.2.min.js"&&/script&
&script type="text/javascript" src="js/cordova-2.2.0.js"&&/script&
&script type="text/javascript"&
$(document).bind('deviceready',function(){
$('#btnCamera').bind('touchstart',function(){
navigator.camera.getPicture(function(data){
$('#thePicture').attr('src','data:image/base64,'+data);
},function(error){
console.log('Error');
destinationType:Camera.DestinationType.DATA_URL,
sourceType:Camera.PictureSourceType.CAMERA,
allowEdit:false,
targetWidth:135,
targetHeight:200
$('#btnPicture').bind('touchstart',function(){
navigator.camera.getPicture(function(data){
$('#thePicture').attr('src','data:image/base64,'+data);
},function(error){
console.log('Error');
destinationType:Camera.DestinationType.DATA_URL,
sourceType:Camera.PictureSourceType.PHOTOLIBRARY,
allowEdit:false,
targetWidth:135,
targetHeight:200,
mediaType:Camera.MediaType.PICTURE
&input type="button" id="btnCamera" value="picture from camera" /&&br/&
&input type="button" id="btnPicture" value="picture from library" /&&br/&
&img id="thePicture" src="" /&
其他功能将陆续放出~
下载次数: 814
guoqiantong
浏览: 7665 次
来自: 大连
我怎么没测试成功啊！