js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height

代码大致如下供参考：

var image=new Image();

imagesrc=//你的背景的src;

var divelement = documentgetElementById(你的div的id);

divelementstyleheight=(imageheightdivelementoffsetWidth)/imagewidth + "px";

几个需要注意的地方是imagesrc=xxx后需要等待直到下载完成。但是如果这个脚本是在你的div已经初始化好之后调用的话，那么已经被下载过了，所以直接进行后面的就好。另外以styleheight来设置高度的话后面需要加单位，比如px

这个基本上没办法实现。。js应该没办法判断它是否是用exe改成jpg上传，，如果真要做。我觉的也只能对流进行一下比较，，如果exe文件有特殊的流的标识，jpg也有自己的标识。我只是猜想哦，不清楚。这个太难。。。。做也得提交到后台比较。前台没办法

这种情况用CSS来控制最合适。例如你想让初始显示为100px100px，则：

<img src="images/picpng" width="100" height="100" />

或者：

<img src="images/picpng" style="width:100px; height:100px" />

当页面中非常多，且要求每张的大小依据其父容器来固定怎么办？可以使用max-weight：

img {max-weight:100%;}

这样会自动缩放到和其父容器等宽。

base64简单地说，它把一些 8-bit 数据翻译成标准 ASCII 字符，我们把图像文件的内容直接写在了HTML 文件中，这样做的好处是，节省了一个>

假如在页面有一个img标签： <img src="hyzqjpg" id="test_img" />

编写代码：

var img = documentgetElementById("test_img");

alert(imgoffsetWidth+","+imgoffsetHeight);

打印出来就是 的 宽度 和高度。 你可以试一下，Chrome绝对可以。

以上就是关于js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height全部的内容，包括:js获取背景图片宽高比后根据浏览器宽度动态赋值div.style.height、JS判断图片后缀和大小、js 控制图片大小等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！