你如何在JavaScript中调整图像大小

时间:2016-12-11 10:10:44

标签: javascript image

我有一个HTML编辑器,使用javascript插入预定义按钮中的项目,并希望添加一个按钮,以便能够发布下载图像的缩略图,并带有链接以查看其全尺寸。我创建了以下代码,但它不起作用,并始终插入100X100大小的图像。任何人都可以建议一种更好的方法吗?

GridCoordinates

2 个答案:

答案 0 :(得分:1)

在onload函数触发之前,您将宽度和高度设置为100。 onload将以异步方式发生,因此您应该检查回调内的零高度或宽度。

编辑: - 正如enhzflep在下面的评论中所观察到的那样,你也使用了相等的分配而不是检查条件。当你知道你期望的类型时,我会将它们改为三等于===。

通过CSS控制缩略图是不是更简单?您可以设置max-height和max-width属性以保持宽高比。

答案 1 :(得分:0)

感谢大家......从CSS建议我已经通过删除所有代码来确定图像大小来解决问题,而是包括一个样式属性,将宽度设置为100,将自动高度设置为HTML图像代码添加到编辑器中......见下文

        this.get_designPanel().insertHTML("<br/>Thumbnail view<br/><a href=\"" + url + "\" target=\"" + "_blank" + "\" style=\"" + "text-decoration: none;" + "\" ><img style=\"" + "width: 100px; height: auto" + "\" src=\"" + url + "\" alt=\"" + title + "\" title=\"" + title + "\" /></a><br/>Click image to view in seperate window<br/>");