HarmonyOS 鸿蒙Next 有直接把网络图片转为 image.ImageSource的API吗

您可以使用image.createImageSource接口创建图片源实例

参考链接如下：

https://developer.huawei.com/consumer/cn/doc/harmonyos-references-V13/js-apis-image-V13

目前没有将网络图片uri作为参数来创建imageSource的API，建议您先将网络图片下载到应用文件目录，再通过应用沙箱路径传入参数来创建imageSource

Demo如下：

// pages/xxx.ets

// 将网络资源文件下载到应用文件目录

//先在module.json5文件中配置ohos.permission.INTERNET权限

import common from '@ohos.app.ability.common';

import request from '@ohos.request';

import { BusinessError } from '@ohos.base';

import { image } from '@kit.ImageKit';

// 获取应用文件路径

let context = getContext(this) as common.UIAbilityContext;

let cacheDir = context.cacheDir;

function getImage(){

  try {

    request.downloadFile(context, {

      url: 'https://xxxx/xxxx.png',

      filePath: cacheDir + '/xxxx.png'

    }).then((downloadTask: request.DownloadTask) => {

      downloadTask.on('complete', () => {

        console.info('download complete');

        const path: string = context.cacheDir + "/xxxx.png";

        const imageSourceApi: image.ImageSource = image.createImageSource(path);

        console.info("succeeded to creat imageSource")

        imageSourceApi.getImageInfo(0, (error: BusinessError, imageInfo: image.ImageInfo) => {

          if (error) {

            console.error('getImageInfo failed.');

          } else {

            console.info('getImageInfo succeeded:'+`${JSON.stringify(imageInfo)}`);

          }

        })

      })

    }).catch((err: BusinessError) => {

      console.error(`Invoke downloadTask failed, code is ${err.code}, message is ${err.message}`);

    });

  } catch (error) {

    let err: BusinessError = error as BusinessError;

    console.error(`Invoke downloadFile failed, code is ${err.code}, message is ${err.message}`);

  }

}

@Entry

@Component

struct Index {

  @State message: string = ''

  build() {

    Row() {

      Column() {

        Text(this.message)

          .fontSize(50)

          .onClick(() => {

            getImage()

          })

      }.width(100)

    }.height(100)

  }

}