Question

我构建了一个允许用户上传图片的网络应用，此图片将显示在网络应用列表中。我需要将图像自动调整为更合适的缩略图。

Answer 1

Adobe Business Catalyst会将src标记的img URL上的某些参数解释为在将图像发送到客户端之前重新调整图像大小的指令。这些参数是：

Action=thumbnail
Width（整数）
Height（整数）
algorithm（proportional | fill | fill_proportional | proportional_noupscale）
- proportional保留纵横比，并将放大较小的图像。这是默认设置。
- fill压缩图像以适应，并将向上缩放较小的图像。
- fill_proportional减少图像所需的最少量，以获得给定尺寸内的一个轴;另一个轴上的任何额外像素都是对称裁剪的。它不能扩大较小的图像。
- proportional_noupscale始终以与原始图像相同的宽高比返回图像，插入填充而不是放大，并且将始终完全适合指定的尺寸 - 裁剪额外的填充以保持纵横比。
Format（png | jpg | gif）
- 此参数确定重新缩放后返回的图像类型。

示例：<img src="{tag_yourImageFieldName_value}?Action=thumbnail&Width=320&Height=100&algorithm=fill">

这将从Web应用程序中的yourImageFieldName字段插入图像，并将其压缩到320像素宽，100高。将_value附加到标记会强制BC仅返回URL，而不会添加任何额外标记。

Answer 2

我设法使用一个小的Javascript和Jquery

$('.div img').attr('src', function() {
    return  this.src + '?Action=thumbnail&Width=675&Height=503';
});//resizing images

希望这有帮助..为我做了！

Answer 3

您需要将图片标记放入另一个元素中，例如 {tag_image}

然后你可以在样式表中设置'.image img {max-width：100％}'，这样图像永远不会超过其容器的宽度，并在图像div上设置一个宽度来决定它的大小

Answer 4

我知道这是一篇很老的帖子，但我只是想帮助那些仍然没有任何想法的人。在具有“图像”类型的Web应用程序字段中，只需将宽度和高度附加到图像路径即可。

像这样：/path/to/my/image.jpg,370,170