diff --git a/zh-cn/application-dev/ui/ui-js-components-images.md b/zh-cn/application-dev/ui/ui-js-components-images.md
index 6fc1087bff0193efc21d2ab17ff60f1b86a0c2c7..b7f9d9fb580e6998ef43c5232d6a2fb1669e9c3d 100644
--- a/zh-cn/application-dev/ui/ui-js-components-images.md
+++ b/zh-cn/application-dev/ui/ui-js-components-images.md
@@ -203,3 +203,11 @@ export default {
 ```
 
 ![zh-cn_image_0000001188771430](figures/zh-cn_image_0000001188771430.gif)
+
+## 相关实例
+
+针对Image开发，有以下相关实例可供参考：
+
+- [image、image-animator（JS）](https://gitee.com/openharmony/codelabs/tree/master/JSUI/ClickableJsDemo)
+
+- [图片编辑模板](https://gitee.com/openharmony/codelabs/tree/master/Media/ImageEditorTemplate)
\ No newline at end of file