jquery在Chrome下获取图片的长宽问题解决

遇到个需要获得图片的长宽的问题。在IE、FireFox下均正常，就TMD在Chrome中不行，网上非有人说可以，然后还归结为是不是Chrome版本问题。
终于的终于，找到了答案。

在大多数情况下,把js代码放到图片标签的后面：


代码如下:

<img id="test" src="**.jpg" />
<script>
alert(document.getElementById("test").width;<PRE class=html name="code"></script></PRE>
<PRE></PRE>
这样是可以得到图片的宽度的，但是在Chrome下就是不行。
<P></P>
<P>甚至在jquery中：</P>
<P></P>
<PRE class=html name="code">$(document).ready(function(){
alert(document.getElementById("test").width;
});</PRE><BR>
这样，Chrome照样说不行，我C。
<P></P>
<P>然后，只有下面的方法Chrome才点头:</P>
<P style="TEXT-ALIGN: left"><SPAN style="LINE-HEIGHT: 21px"></SPAN></P>
<PRE class=html name="code">$(window).load(function(){
alert($("#test").width());
});</PRE><BR>
<BR>
<P></P>
<P><BR>
<BR>
</P>
<P><BR>
</P>
<PRE></PRE>
<PRE></PRE>
<PRE></PRE>

赞 (0)

相关推荐

  • chrome扩展学习 右键菜单实现代码

    manifest.json 复制代码 代码如下: { "name": "我的右键", "description": "chrome扩展学习---menu使用", "version": "0.1", "permissions": ["contextMenus", "tabs"], "background": {

  • iframe的onload在Chrome/Opera中执行两次Bug的解决方法

    复制代码 代码如下: <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <title>iframe的onload在Chrome/Opera中执行两次</title> </head> <body> <script> var ifr = document.createElement('iframe'); ifr.onload =

  • Chrome Form多次提交表单问题的解决方法

    今天用chrome提交一个表单时,发现一个奇怪的问题: 复制代码 代码如下: //提交表单 document.frmOrder.action = 'http://www.abc.com/d.aspx'; document.frmOrder.method = 'POST'; document.frmOrder.target = '_blank'; document.frmOrder.submit(); 第一次提交可以,第二次提交就没有任何响应了.需要重新加载页面后才可以提交,而这个问题在Firef

  • 解决iframe的frameborder在chrome/ff/ie下的差异

    复制代码 代码如下: var iframe = document.createElement("iframe"); iframe.id = "frame-" + index; iframe.src = url; iframe.width = "100%"; iframe.marginwidth = "0"; iframe.scrolling = "no"; iframe.frameborder="

  • Chrome中JSON.parse的特殊实现

    IE8/Firefox3.5+/Chrome4/Safari4/Opera10 已实现该方法.使用方式很简单: 复制代码 代码如下: var str = '{"name":"jack"}'; var json = JSON.parse(str); alert(json.name); 在以上实现该方法的浏览器中都会弹出"jack". 如果给Object.prototype添加一个解析json的方法(某人可能会强烈反对这么干污染了原生对象,这里纯粹为

  • jquery在Chrome下获取图片的长宽问题解决

    遇到个需要获得图片的长宽的问题.在IE.FireFox下均正常,就TMD在Chrome中不行,网上非有人说可以,然后还归结为是不是Chrome版本问题. 终于的终于,找到了答案. 在大多数情况下,把js代码放到图片标签的后面: 复制代码 代码如下: <img id="test" src="**.jpg" /> <script> alert(document.getElementById("test").width;<

  • Android利用Glide获取图片真正的宽高的实例

    前言 有时候需要获取网络图片的宽高来设置图片显示的大小,很多人会直接利用Glide的加载监听去拿图片的宽高,但是这样拿到的不是图片真正的宽高,而是图片显示在ImageView后的宽高.如下: //获取图片显示在ImageView后的宽高 Glide.with(this) .load(imgUrl) .asBitmap()//强制Glide返回一个Bitmap对象 .listener(new RequestListener<String, Bitmap>() { @Override public

  • JavaScript获取图片的原始尺寸以宽度为例

    页面里的img元素,想要获取它的原始尺寸,以宽度为例可能首先想到的就是width,如下 复制代码 代码如下: <img src="http://img11.360buyimg.com/da/g14/M07/01/0E/rBEhVlNhh8wIAAAAAADmFBLo1twAAM26gOmCgYAAOYs716.jpg"> <script> var img = document.getElementsByTagName('img')[0] var width =

  • chrome下img加载对height()的影响示例探讨

    复制代码 代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv=&qu

  • Javascript获取图片原始宽度和高度的方法详解

    Javascript获取图片原始宽度和高度的方法详解

    前言 网上关于利用Javascript获取图片原始宽度和高度的方法有很多,本文将再次给大家谈谈这个问题,或许会对一些人能有所帮助. 方法详解 页面中的img元素,想要获取它的原始尺寸,以宽度为例,可能首先想到的是元素的innerWidth属性,或者jQuery中的width()方法. 如下: <img id="img" src="1.jpg"> <script type="text/javascript"> var img

  • js获取图片大小的函数代码

    1.获取图片大小的函数getImageSize 复制代码 代码如下: function getImageSize(imageEl) { var i = new Image(); //新建一个图片对象 i.src = imageEl.src; //将图片的src属性赋值给新建图片对象的src return new Array(i.width, i.height); //返回图片的长宽像素 //return [i.width, i.height]; } 2.示例 复制代码 代码如下: var img

  • Js获取图片原始宽高的实现代码

    如果我们页面看到的图片都是缩略图,那就需要做个图片点击放大效果,那么怎样获取图片的原始宽高呢?方法如下: //获取图片原始宽度 function getNaturalWidthAndHeight(img) { var image = new Image(); image.src = img.src; return [image.width,image.height]; } //点击缩略图弹出层,显示原始图片. //获取class为tz_main_box下的所有p标签下的图片img $(".tz_

  • vue-preview动态获取图片宽高并增加旋转功能的实现

    vue-preview是一个常用的图片查看器,微博网页版就是用的这个插件: 我在项目中也用过这个插件,总体来说,还是比较满意.但是缺少一个图片旋转功能. 安装使用 第一步:安装 npm i vue-preview -S 第二步:引用配置 import VuePreview from 'vue-preview' Vue.use(VuePreview) Vue.use(preview, { mainClass: 'pswp--minimal--dark', barsSize: {top: 0, bo

  • autojs长宽不定的图片在正方形图片居中实现详解

    目录 正文 思路整理 计算缩放系数 缩放图片 绘制图片时左上角坐标 绘制图片 第二种方法 第三种方法 正文 图片的长宽不是固定的, 正方形图片的长宽是固定的, 比如512x512 思路整理 图片肯定是要缩放的, 我要需要一个缩放系数; 图片肯定是要有位置的, 因此, 我们需要一个坐标; 我们一共需要两样东西 缩放系数 绘制图片时, 左上角坐标 计算缩放系数 "nodejs"; const { readImage } = require("image"); async

  • 如何解决谷歌浏览器下jquery无法获取图片的尺寸

    代码如下: $(document).ready(function(){ var img_h=$img.height(); var img_w=$img.width(); }) 以上代码在IE和火狐中没有问题,但是在谷歌中可能会出现问题,之所以没货的尺寸就是因为图片没有加载完成. 修改方法如下: $(document).ready(function(){ $img.load(function(){ var img_h=$img.height(); var img_w=$img.width(); }

随机推荐