Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript bbcode的限制大小[img]_Javascript_Html_Bbcode - Fatal编程技术网

Javascript bbcode的限制大小[img]

Javascript bbcode的限制大小[img],javascript,html,bbcode,Javascript,Html,Bbcode,我有一个bbcode解析器 [img]imageurl[/img] BBS编码为 <img src="imageurl" alt="" /> 唯一的问题是,我希望能够在不弄乱纵横比的情况下对这些图像强制执行最大宽度和最大高度,但我无法检查大小并在手之前进行大小调整,因为bbcode解析器没有那么聪明。有没有一种方法可以在不知道图像尺寸的情况下,使用内嵌css或javascript强制执行图像最大尺寸的纵横比 我知道我可以更改bbcode解析器以设置标记样式的maxwidth

我有一个bbcode解析器

[img]imageurl[/img]
BBS编码为

<img src="imageurl" alt="" /> 

唯一的问题是,我希望能够在不弄乱纵横比的情况下对这些图像强制执行最大宽度和最大高度,但我无法检查大小并在手之前进行大小调整,因为bbcode解析器没有那么聪明。有没有一种方法可以在不知道图像尺寸的情况下,使用内嵌css或javascript强制执行图像最大尺寸的纵横比

我知道我可以更改bbcode解析器以设置标记样式的maxwidth,但这在IE6上似乎不起作用。

使用css:

img {
  max-width:30em;
  max-height:10em;
}
可能与容器结合使用,因此您的BBS中只有图像,而不是站点上的所有图像:

div.post img { … }

我不确定是否有可能在客户端实现,支持IE6(你为什么要这么做?),并支持现代浏览器,而不需要大量的跳转、讨厌的Javascript或CSS


有什么原因不能在服务器端执行吗?由于javascript和css很容易被删除/关闭,您必须在服务器端进行某种验证。

在我发布答案后,原始帖子才被更改。请记住,IE6现在已经有将近十年的历史了。我想它现在一定已经死了…如果你只设置宽度或高度,浏览器将缩放图像并保持其纵横比。这将只适用于风景画,分别适用于肖像画though@knittl是的,但我不想拉伸小于最大宽度或高度的图片。我只想在它们的大小大于最大值时缩小它们的大小。如果您只使用两个css属性中的一个,它们将不会被拉伸。请留下IE6。它需要关闭。所有可能的引擎罩中的图像都不会在我的服务器上。