如何使用 Adobe AEM 从模板中的 clientlib 导入静态图像？答案

【问题标题】：How to import static images from clientlib in a template using Adobe AEM?如何使用 Adobe AEM 从模板中的 clientlib 导入静态图像？
【发布时间】：2017-07-11 18:16:55
【问题描述】：

我现在开始使用 Adobe AEM，作为我的第一次培训，我需要将静态图像导入模板。

我有一个 100% 静态页面，但我似乎不知道如何使用我保存在 /etc/designs/{MY_PROJ}/clientlib-site/img 中的图像。

这是我面临的问题的真实例子：

我的模板中有以下 sn-p：

<img src="/etc/designs/{MY_PROJ}/clientlib-site/img/logo.png"/>
My folder structure looks like the following (Link to imgur)

我能够使用 sly 标签正确导入我的 CSS 和 JS。但我真的不明白为什么我也不能导入图像。有什么想法吗？

提前致谢！

【问题讨论】：

您的图片是否出现 404 错误？
您使用调度程序吗？如果是这样，调度程序可能会阻止对/etc/designs* 的访问。

标签： java adobe aem

【解决方案1】：

如果您能够直接访问您的图片http://localhost:4502/etc/designs/{MY_PROJ}/clientlib-site/img/logo.png 但不在 www.yourhost.org/etc/designs/{MY_PROJ}/clientlib-site/img/logo.png 它可能是一些 /filter Dispatcher 配置。

如果您看不到图像，请确保您已在保管库工作区中设置了正确的过滤器，如下所示：

<workspaceFilter version="1.0">
    /etc/designs/{MY_PROJ}/
</workspaceFilter>

更多关于 Jackrabbit 过滤器的信息：http://jackrabbit.apache.org/filevault/filter.html

【讨论】：

【解决方案2】：

您是否已签入 CRX/DE http://localhost:4502/crx/de/index.jsp？如果 crx/de 中指定路径下没有镜像文件，则说明包没有安装成功。

然后检查工作区过滤器文件（通常位于 /META-INF/vault/filter.xml）并确保包含图像路径并重新安装包并观察日志。应该有一个像

这样的日志条目

A /etc/designs/{MY_PROJ}/clientlib-site/img/logo.png

【讨论】：