如何用js获取html内图片的宽高并写入<img>标签内 多个图片自动获取怎么写

如何用js获取html内图片的宽高并写入标签内 多个图片自动获取怎么写

单个是这个写的:







function getImageSize(imgE){ var i = new Image(); //新建一个图片对象 i.src = imgE.src;//将图片的src属性赋值给新建的图片对象的src return new Array(i.width,i.height); } var imageE = document.getElementById("imageE"), imageSize = getImageSize(imageE), imgwidth = imageSize[0], imgheight = imageSize[1]; $("#imageE").attr("width",imgwidth); $("#imageE").attr("height",imgheight); console.log(imgwidth); console.log(imgheight);



但是这个只能判断一个,那如果id是变量的如何写呢?

2个回答

首先这些图片是已经存在的么?
如果是已经存在的图片就简单了。
Jquer的写法:
$('img').each((i,v)=>{
let img_w = $(v).width();
let img_h = $(v).height();
$(v).attr({width:img_w,height:img_h});
});
有些es6的特性语法,你应该认识的。

miker2266
miker2266 回复miker2266: 对了大哥 你这是写出所有类型为img的宽高 那如果要指定id或者class怎么写呢
接近 3 年之前 回复
miker2266
miker2266 有个问题是这样的,我在帝国中使用循环语句 图片是后面载入的怎么解决 一般情况下都会出现尺寸被提前定下来了导致宽高不准
接近 3 年之前 回复
 var w= $(img).width();
var h = $(img).height();
$(img).css({"width";w,"height":h});
sunny_desmond
carrykingdow 回复miker2266: 直接 w+"px" ;就行啦
接近 3 年之前 回复
miker2266
miker2266 十分感谢大哥的回答 小弟还有个问题 如何在width=“xx”里面加个px
接近 3 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
js获取img宽高
知识点1如果写了var img = new Image(100 ,100), img.src = ‘1.png’ ,这样的作用是可以把img缓存到浏览器中,常用来做图片预加载。知识点2html代码:<img src='1.png' style="width:400px" />js代码:var imgW = document.getElementsByTagName('img')[0].style.w
怎么去除STRING 内 第一个img标签内的图片链接地址?
RT rn求教
js获取不到图片的宽高
rnrnrn弹出来的都是0 想知道为什么 是图片还没有加载完全的原因吗?rn
js获取原生图片的宽高
var myimage=http://baidu.com/img/data/upload/admin/5a321e69ab0db.jpg;                     if (typeof myimage.naturalWidth == "undefined") { // IE 6/7/8 var img = new Image(); img.src = myimage;
java 图片获取宽高
package util; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import java.io.InputStream; import java.net.MalformedURLException; import java.net.URL; import java
获取 标签内的文本
标签: 关于, 可能, 对象, 所有者, 数据库, 解决方法, 转贴, 造成, 问题rn排除, 其他rnrn把 和标签内的文字存到数组中 (标签: 关于 ……)
获取远程图片的宽高
//读取远程url图片,得到宽高 public int[] returnImgWH(String imgurl) { boolean b=false; try { //实例化url URL url = new URL(imgurl); //载入图片到输入流 java.io.BufferedInputStream bis = new BufferedInputStream(url.openStrea...
获取网络请求的图片的宽高
在开发中,加入我们的使用的图片来自网页,没有人知道它的大小,这时我们还怎么做呢? 图片的大小我们可以让后台给我们指定一下,为什么呢? 因为如果我们不指定图片的大小而是使用加载图片的组件的适配去做,会出现有时候的图片的大小和我们指定的图片大小和缩放的规则错差特别大,出现图片被拉伸或者是压缩的图片,为什么说来自网页的图片会不好计算大小呢?其实不管怎么杨的图片 都可以,并且使用之前不知道所以组件的大小
如何用js获取图片宽高并自动写入
rn rn rn rn rn rn rn rn rn rnrn这个是用在单id的 我想用在循环语句里具体怎么写呢 比如用帝国的循环语句是怎么写法呢?rn求大神们帮帮忙!小弟在此跪拜了。
jqury获取img宽高
var img = new Image();rnimg.src =$('.img').attr("src") ;rnvar w = img.width;rnvar h = img.height;rn百度看到的这样获取图片宽高,试了一下,IE下可以,但是chrome下就不不行了。。rn谁知道用juqery正确获取img的宽高
html标签转换成img图片
app 里的元素需要转换成图片 &amp;lt;script src=&quot;../assets/js/html2canvas.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt; $(function () { html2canvas(document.querySelector(&quot;#app&quot;), {useCORS: true}).then(canvas =&amp;gt;...
读取图片帧并获取宽高
class WebcamVideoStream: def __init__(self, src): # initialize the video camera stream and read the first frame # from the stream self.stream = cv2.VideoCapture(src) ...
自动获取文件夹内的文件名并修改
通过excel文件,点击按钮通过资源管理器自动获取目标文件夹内的文件名,并进行修改
JS 获取html元素宽高 及设置宽高
获取浏览器的宽高: var width = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth; var height = window.innerHeight || document.documentElement.clientHeight || document.bod...
求助:如何用js统计html标签内的中文字数?
比如标签: 你好各位,hello eveyonern输出中文字数:有4个中文字
js问题,如何用javascript保存网页IMG标签中的图片
本人的图片是用SERVLET生成在网页中的IMG图片中,现在想用一个保存按钮,当点击保存按钮后,打开另存为对话框保存该IMG中的图片,大侠们要帮帮啊~~小弟先谢谢咯~
js获取DataList的img图片地址
[code=HTML]rnrnrn rn rn rn rn rn rn rn rn rn <%#Eval("productName")%>rn rn rn rn rn rnrn[/code]rnrn点击GetUrl获取Image1的scr地址
JS获取HTML标签
有个WEB程序,我想把HTML标签的内容转换为字符串,用js获取这个标签的内容,然后存到数据库,举例如下:rnrnrnrnrnrnrn上面的代码中有个input标签,我用document.getElementsByTagName("input")获取到了这个标签的引用,但是怎么以字符串的格式获取这个标签,也就是说我想获取的值是“”,然后将这个字符串存入数据库,请赐教!!
js获取html标签
很多时候我们会用到这样的样式html,body{ height:100%; overflow:hidden; }如果要用到js的话我们可以这样写: document.documentElement.style.overflow = "hidden"; document.body.style.overflow = "hidden";是的,只要用 document.documentElement就
oss获取指定宽高图片
文件上传到oss后 显示指定大小图片,拼接参数 oosUrl+?x-oss-process=image/resize,m_lfit,h_250,w_200 此为高250 宽200 $('#picStay').prepend('&lt;img sort="' + index + '" src="' + objdata.osssignature.host + "/" + file.path + '?x...
根据图片绝对路径 获取宽高
asp <% %>中rn图片路径为绝对路径rn获取宽高
怎么获取自定义控件标签内的内容
RT
jquery获取上传图片的宽高和地址图片的宽高
juery获取图片宽高
VB同步获取WebBrowser内的图片
1、控件有WebBrowser1、Picture1rn2、WebBrowser1.Navigate "http://sxxx.shanxi.teacheredu.cn/Main/Index.aspx"rn3、把上面这个网址中的验证码利用WebBrowser1同步显示到Picture1中。我写的代码能读到其它图片,独独读不到验证码图片。rnrn
wordpress 获取文章内所有图片
将以下代码「可以根据自己实际需求修改」插入到激活主题中的 functions.php 中 function hui_get_thumbnail( $single=true, $must=true ) { global $post; $html = ''; if ( has_post_thumbnail() ) { $domsxe = simplexml_...
iOS在项目内获取启动页图片
NSArray * array = [[[NSBundle mainBundle] infoDictionary] valueForKey:@&quot;UILaunchImages&quot;]; 通过上面的方法将获取到启动页中的数据,但此时并不是图片,接下来可以遍历一下这个数组打印其中的元素 for (NSDictionary * dict in array) { NSLog(@&quot;%@&quot;,dict...
获取服务器文件夹内图片的地址
用自己的机器发布了一个网站,可在其他机器上访问自己的网站时,图片全部都看不到,怎样写获取服务器图片的代码?rnrn我是这么写的,先生成图片,保存到一个文件夹内,然后页面的鱼片url读取文件内生成图片的地址‘rnrn[code=C#]rn //生成图片rn mychartSpace.ExportPicture(HttpContext.Current.Server.MapPath("../../Images") + @"\test.jpg", "jpg", 400, 300);rn //加载图片rn imgTb.ImageUrl = HttpUtility.HtmlDecode(HttpContext.Current.Server.MapPath("../../Images") + @"\test.jpg");rnrn[/code]rn加载图片那里该怎么改?
PHP获取编辑器内第一张图片
首先讲一下获取编辑器中的图片的原理: 使用代码找到存储 编辑器内容的 字段。然后取出字段  使用正则匹配。取出相应地址,以下为大家提供几种方式。 $obj=M("News"); $info=$obj->where('id=1')->find(); //方法1********* $soContent = $info['content']; $soImages = '~]* />
如何用JS获取JS生成的HTML?
如题,最近做一些调研工作,需要一个个的翻文献。rn文献目录就是类似google搜索的结果页面。我需要一个个的点进去然后获得一些资料。rnrn很枯燥无味,于是考虑能不能用油猴把网页展开,也就是在一个页面中显示所有链接对应的网页的内容。rnrn[code=javascript]$(document).ready(function()rn $(".resultlist_tabletype > tbody:nth-child(3) td.align_left_ch a").each(function()rn $.get($(this).attr("href"),function(response)rn console.log(response);rn );rn);rn[/code]rn但是发现在log中打印出来的HTML是原始的HTML,而不是js生成过的HTML……rn请问有什么方法能获得js生成HTML吗?rnrn
网页内多个图片如何顺序自动连线,图片不定?
网页内多个图片如何顺序自动连线,图片不定?哪位高手解答一下,或是给一个思路!谢谢大家!
JS实现图片的预览及预览图片的宽高获取
&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;图片预览&amp;lt;/title&amp;gt; &amp;lt;/head&amp;gt; &amp;lt;style type=&quot;text/css&quot
Jquery实现html内的图片热区
1、可添加多个热区, 2、可拖动热区位置及大小, 3、可为每个热区添加连接
js获取 图片的实际宽高,然后实现图片的瀑布流
这两天做了一下小页面,要求实现一个瀑布流,瀑布流中的图片尺寸需要随着上传的图片自动适配宽高,还要适配不同的手机。 这就需要先获取加载到的图片的实际尺寸,然后根据实际尺寸的宽高比例,然后再通过js获取实际手机的屏幕宽度,然后通过比例和手机宽度得到实际需要设置的图片的高度。 实际的思路如下: 1.首先获得手机的屏幕尺寸  var windowWidth = $(window).width();
php获取html内的纯文本
function getplaintextintrofromhtml($html, $numchars) {         // Remove the HTML tags         $html = strip_tags($html);         // Convert HTML entities to single characters         $html = html_e...
如何用JSP获取HTML标签的值
rn如何用jsp获取a的直 就是http://...
如何用正则过滤img标签内指定的style属性?
如何用正则过滤img标签内指定的style属性?或者IMG标签里只保留src和alt属性?rnrn如rn变成
Repeater内怎么获取imagebutton内的imageURL
[img=https://img-bbs.csdn.net/upload/201410/10/1412915555_723918.png][/img]rn如图,当我点击图片时,如何获取imageurl,后台怎么写呢rnrn代码如下rnrn rn rn rn rn rn rn rn 详情rn rn rn rn <%#Eval("图书名")%>rn <%#Eval("内容简介")%>rn rn rn rn rn
如何用JS获取iframe内文件的值?高分求解
我想做一个内容编辑器,用的是从网上找的163网页编辑器,然后用JS来获取值,用AJAX来提交!!rnrnrn这是编辑器的代码:rn[code=VBScript]<%=rs("kothertc")%>rn [/code]rnrnrn这是我范取值的代码:rnrn[code=JScript]var r15 =document.getElementById("15").value;rnvar r16 =document.getElementById("16").value;rnvar r17=window.frames['Editor'].document.all.divEditor.value;rnvar r18=window.frames['Editor'].document.all.sourceEditor.value;rnvar r19=window.frames['Editor'].document.all.HtmlEditor.value;rn[/code]rnrn但是获取不上!!该如何搞呢?
js 获取 iframe 内的元素
今天在写爬虫的时候,用选择器的时候发现选择不到元素。。 后来才发现这是iframe内的元素,因为iframe包裹的内容相当于另一个页面了,所以用当前页面的document是选不到的 选取方法 // 1. 先选择iframe var iframe = document.querySelector('#iframe_id').contentWindow // 2. 选择iframe内的元素 var e...
php怎么写获取两个标签内的内容的正则表达式啊?
[code=php]rnrn[/code]rn请教,没学过php,但临时要用一下,rn我要获取那个网页从rnrn到之间的内容,但是preg_match和正则表达式我不会写。rn麻烦大家了
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数