AEM 6.0 图像裁剪工具（使用自由裁剪/比率裁剪）无法正常运行但在 CQ 5 中工作

Question

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

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

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

没有错误显示到日志中，这使它变得更加复杂。为此，我正在使用 com.day.cq.wcm.commons.AbstractImageServlet class。

有人可以帮忙吗？关于此工具，从 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。 .img 的请求由下一个 servlet /libs/foundation/components/parbase/img.GET.java 处理。应用了图像裁剪。尝试在您自己的组件中使用类似的东西

AEM 6.0 图像裁剪工具（使用自由裁剪/比率裁剪）无法正常运行但在 CQ 5 中工作

AEM 6.0 Image crop tools (using Free Crop / Ratio Crop) not functioning properly but working in CQ 5

javascript

java

jsp

aem