Question

我对AEM 6.0中的图像裁剪工具感到担忧。

我在CQ5中有一个现有代码（关于图像裁剪工具），但是当我尝试使用AEM6.0时，这个特定的工具将无法正常工作。

当我尝试裁剪图像时，它并不真正进行裁剪，只会显示原始图像。

日志中没有显示任何错误，使其更加复杂。我正在使用 com.day.cq.wcm.commons.AbstractImageServlet 类。

有谁可以提供帮助吗？关于此工具，是否有关于CQ5到AEM6的任何增强或更改？

以下是图片摘录：

<tab_image_wide
        jcr:primaryType="cq:Widget"
        allowUpload="{Boolean}false"
        cropParameter="./imageWide/imageCrop"
        ddGroups="[media]"
        fileNameParameter="./imageWide/fileName"
        fileReferenceParameter="./imageWide/fileReference"
        itemId="tab_image_wide"
        name="./imageWide/file"
        requestSuffix="/imageWide.img.png"
        title="Image (Wide)"
        xtype="smartimage">
        <cropConfig jcr:primaryType="cq:Widget">
            <aspectRatios jcr:primaryType="cq:Widget">
                <freeCrop
                    jcr:primaryType="cq:Widget"
                    text="Free Crop"
                    value="0,0"/>
                <wideScreen
                    jcr:primaryType="cq:Widget"
                    text="Widescreen (16:9)"
                    value="16,9"/>
            </aspectRatios>
        </cropConfig>
    </tab_image_wide>

谢谢，

Answer 1

检查图像的字段xtype。在旧版本中，它是smartimge，现在您需要使用html5smartimage。

实施例

<items jcr:primaryType="cq:WidgetCollection">
        <image
            jcr:primaryType="cq:Widget"
            cropParameter="./imageCrop"
            ddGroups="[media]"
            fileNameParameter="./fileName"
            fileReferenceParameter="./fileReference"
            name="./file"
            title="Image"
            uploadUrl="/tmp/upload_test/*"
            xtype="html5smartimage">
        </image>

如果没有帮助：

查看默认组件/libs/foundation/components/image/image.jsp。看第28行：image.setSelector(".img"); // use image script。请求下一个servlet .img处理/libs/foundation/components/parbase/img.GET.java的请求。应用了图像裁剪。尝试在你自己的组件中使用类似的东西

AEM 6.0图像裁剪工具（使用Free Crop / Ratio Crop）无法正常工作但在CQ 5中工作

1 个答案: