3

我已经构建了一个允许人们上传图像的网络应用程序，该图像将显示在网络应用程序列表中。我需要将图像自动调整为更合适的尺寸，例如缩略图。

4

4 回答 4

3

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

  • 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 像素宽 x 100 像素高。附加_value到标签会强制 BC 只返回 URL，而不需要任何额外的标记。

参考：以编程方式从全尺寸图像创建缩略图

于 2013-10-25T09:01:52.213 回答
1

我设法使用一个小的 Javascript 和 Jquery 来做到这一点

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

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

于 2015-02-25T19:01:37.877 回答
0

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

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

于 2013-08-19T20:18:12.327 回答
0

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

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

来源：http: //iamtheshadowonthesun.blogspot.com/2013/09/adobe-business-catalyst-how-to-specify.html

于 2013-09-02T11:23:40.607 回答