#鸿蒙通关秘籍#如何下载网络图片并保存到手机？

下载网络图片并保存到手机相册或用户选择的路径，主要包含以下几个步骤：

1. 请求图片数据：使用http.createHttp()中的request方法，通过URL请求获取在线图片数据。

   http.createHttp()
     .request('https://example.com/image.png', (error: BusinessError, data: http.HttpResponse) => {
       if (error) {
         promptAction.showToast({
           message: "图片请求失败",
           duration: 2000
         });
         return;
       }
       transcodePixelMap(data);
       if (data.result instanceof ArrayBuffer) {
         this.imageBuffer = data.result as ArrayBuffer;
       }
     });
   1.
   2.
   3.
   4.
   5.
   6.
   7.
   8.
   9.
   10.
   11.
   12.
   13.
   14.

   复制

2. 展示获取到的图像数据：使用transcodePixelMap函数将获取到的图片数据转换为PixelMap展示在页面中。

   transcodePixelMap(data: http.HttpResponse) {
     let code: http.ResponseCode | number = data.responseCode;
     if (code === ResponseCode.ResponseCode.OK) {
       let imageData: ArrayBuffer = data.result as ArrayBuffer;
       let imageSource: image.ImageSource = image.createImageSource(imageData);
       let options: Record<string, any> = {
         'alphaType': 0,
         'editable': false,
         'pixelFormat': 3,
         'scaleMode': 1,
         'size': { height: 100, width: 100 }
       };
   
       imageSource.createPixelMap(options).then((pixelMap: PixelMap) => {
         this.image = pixelMap;
         this.isShow = true;
       });
     }
   }
   1.
   2.
   3.
   4.
   5.
   6.
   7.
   8.
   9.
   10.
   11.
   12.
   13.
   14.
   15.
   16.
   17.
   18.
   19.

   复制

3. 保存到本地或指定路径：通过getPhotoAccessHelper、fs.open、fs.write等接口，将数据存到本地图库或用户指定文件夹中。

   async saveImage(buffer: ArrayBuffer | string): Promise<void> {
       let context = getContext(this) as common.UIAbilityContext;
       let helper = photoAccessHelper.getPhotoAccessHelper(context);
       let uri = await helper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
       let file = await fs.open(uri, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE);
       await fs.write(file.fd, buffer);
       await fs.close(file.fd);
   }
   1.
   2.
   3.
   4.
   5.
   6.
   7.
   8.

   复制

在此函数中，文件被成功保存到所需位置，整个步骤就这样完成了。