HarmonyOS鸿蒙Next中image可以设置默认图吗

HarmonyOS鸿蒙Next中image可以设置默认图吗 【设备信息】Mate60

【API版本】Api12

【DevEco Studio版本】5.0.3.910

【问题描述】image可以设置默认图吗，加载的时候先显示默认图，图片加载成功就显示成功的图片，否则就显示默认图

3 回复 
您好，`image`组件的`alt`属性就是占位图，在图片加载时显示：

```javascript
Image(this.pixelMapImg)
    .alt($r('app.media.img'))
    .objectFit(ImageFit.None)
    .width('100%')
    .height('100%')

更多关于HarmonyOS鸿蒙Next中image可以设置默认图吗的实战系列教程也可以访问 https://www.itying.com/category-93-b0.html


在HarmonyOS鸿蒙Next中，可以通过Image组件的alt属性设置默认图。alt属性用于指定当图片无法加载时显示的替代文本或默认图。例如：

当src指定的图片无法加载时，系统会自动显示alt属性中指定的默认图。

在HarmonyOS鸿蒙Next中，<image>组件可以通过placeholder属性设置默认图。当加载图片失败或未完成时，会显示默认图。例如：

在HarmonyOS鸿蒙Next中，<image>组件可以通过placeholder属性设置默认图。当加载图片失败或未完成时，会显示默认图。例如：

```html <image src="image_url" placeholder="default_image_url"></image> ```

其中，src指定图片资源，placeholder指定默认图。若src加载失败或未完成，默认图将显示。

回到顶部