我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中

我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中,第1张

<img id="_img" src="abcjpg" >

<script type="text/javascript">

function getWH(){

var id="_img";

var w=0;

var h=0;

// 具有较好的通用性

var real= documentgetElementById(id)height || documentgetElementById(id)styleheight || documentgetElementById(id)offsetHeight;

h=parseInt(real);

real= documentgetElementById(id)width || documentgetElementById(id)stylewidth || documentgetElementById(id)offsetWidth;

w=parseInt(real);

alert("w:"+w+" ; h:"+h)

}

getWH();

</script>

我看很多做前端的朋友,基本上都会碰到这个问题。比如,前端页面上要动态显示从后台接口返回的一串包含DOM节点的字符串。但是呢?有时候后台返回的这段字符串里面有个<img src="" alt="" />标签,而页面上因为地址原因又显示不出来,所以有时候就会有这么个需求,需要匹配到这段字符串里面的img标签,拿到它的src属性,可能会做判断可能会直接修改。

let reg = /(\/|>

因为安全问题,浏览器默认是不允许js 执行IO *** 作。js 获取不到文件大小。 只有一种方式可以获取,就上传标签input,在用户选择了要上传的文件后可以获取改文件的大小。代码如下:

<div>

<input type="file" name="f" id="f" />

<input type="button" name="aa" id="aa" value="测试" onclick="javascript: _s();" />

</div>

<script>

    function _s() {

      var f = documentgetElementById("f")files;

      alert(f[0]size); //大小 字节  

    }

  </script>

你的参数怎么传递的,gobj是img的id还是传的this如果是this的话,gobjsrc 是可以改变路径的如果传的是img01,02,03这样的话就onclick="setmenu(obj,'img01')"这样写

就算是你的img的id是动态赋给的你总得有个写法吧,比如<img id="<%=uid%>"> 或者el表达式或者bean:write,那么在你事件调用的时候同样这样写<img onclick="setmenu(obj,'<%=uid%>')"/>最好能把原码多贴些,否则容易引起思路上的误差

<html>

<head>

<script type="text/javascript">

<!--display的显示影藏方式 block:显示,none:影藏 ;影藏后不占有原有位置-->

function run(){

var imgId=documentgetElementById("id");

if(imgIdstyledisplay=="block")

imgIdstyledisplay="none";

else

imgIdstyledisplay="block";

}

<!--visibility的显示影藏方式 visible:显示,hidden:影藏 影藏后仍占有原有位置-->

function run2(){

var imgId2 = documentgetElementById("id2");

if(imgId2stylevisibility =="hidden")

       imgId2stylevisibility ="visible";

    else

        imgId2stylevisibility = "hidden";

}

</script>

</head>

<body>

<img name="img" id="id" src="9sgif" style="display:block">

<input value="影藏显示:display" onclick="run();" type="button"/>

<!--------------------------------------------------------------------------->

<img name="img" id="id2" src="9sgif" style="visibility:visible">

<input value="影藏显示:visibility" onclick="run2();" type="button"/>

</body>

</html>

以上就是关于我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中全部的内容,包括:我想用js获取一张图片的宽度和高度 请问怎么能获取 图片在<img>标签中、js使用正则表达式将字符串里面的img标签src的值提取出来、js中定义的var img=new image()如何获取img的如图中的属性值呢等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9625240.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存