HarmonyOS 鸿蒙Next 使用沙盒保存网络图片资源（http://xxx）保存失败 沙盒查看不到图片

保存文件到应用沙箱

//Page7.ets
import SaveImageUtil from './SaveImageUtil'
import common from '@ohos.app.ability.common';


let context = getContext(this) as common.UIAbilityContext;
let filesDir = context.filesDir
let fileName ='food.png'

@Entry
@Component
struct Page7 {
  @State message: string = 'Hello World';

  build() {
    Column(){
      Button('点击')
        .onClick(()=>{
          /**
           * 保存文件到应用沙箱
           * @param image 图片url或base64
           * @param dirPath 保存文件夹路径
           * @param fileName 保存文件名
           */
          SaveImageUtil.saveImageToApplication('https://img2.baidu.com/it/u=4258186907,3858213948&fm=253&fmt=auto&app=138&f=JPEG?w=667&h=500',filesDir,fileName)
        })
    }
  }
}

保存图片工具类

//SaveImageUtil.ets
/**
 * 保存图片工具类
 */
import { BusinessError, request } from '@kit.BasicServicesKit'
import { common } from '@kit.AbilityKit'
import { buffer } from '@kit.ArkTS'
import { fileIo as fs } from '@kit.CoreFileKit'


class SaveImageUtil {
  private context = getContext(this) as common.UIAbilityContext

  /**
   * 保存文件到应用沙箱
   * @param image 图片url或base64
   * @param dirPath 保存文件夹路径
   * @param fileName 保存文件名
   */
  async saveImageToApplication(image: string, dirPath: string, fileName: string): Promise<SaveImageResultVo> {
    return new Promise(async (resolve: Function, reject: Function) => {
      if (!fs.accessSync(dirPath)) {
        fs.mkdirSync(dirPath)
      }
      if (image.startsWith('http')) {
        // 如果是网络图片，则下载图片
        try {
          request
            .downloadFile(this.context, { url: image, filePath: `${dirPath}/${fileName}` })
            .then((downloadTask) => {
              console.debug(`image => 保存图片到应用沙盒`)
              downloadTask
                .on('complete', () => {
                  // 图片下载完成
                  let vo = new SaveImageResultVo
                  vo.errorCode = 0
                  resolve(vo)
                })
              downloadTask
                .on('fail', (err: number) => {
                  let vo = new SaveImageResultVo
                  vo.errorCode = err
                  resolve(vo)
                })
            })
            .catch((error: BusinessError) => {
              reject(error)
            })
        } catch (err) {
          reject(err)
        }
      } else {
        // base64图片
        let content = image
        if (image.startsWith('data:')) {
          // 如果是data:，则截取,后的数据
          content = image.split(',')[1]
        }
        try {
          const decodeBuff = buffer.from(content, 'base64').buffer
          this.writeBufferToFile(dirPath,fileName,decodeBuff)


          let vo = new SaveImageResultVo
          vo.errorCode = 0
          resolve(vo)
        } catch (err) {
          reject(err)
        }
      }
    })
  }

  writeBufferToFile(dirPath: string, fileName: string, buf: ArrayBuffer) {
    if (!fs.accessSync(dirPath)) {
      // 如果文件夹不存在，则先创建文件夹
      fs.mkdirSync(dirPath)
    }

    let file = fs.openSync(`${dirPath}/${fileName}`, fs.OpenMode.READ_WRITE | fs.OpenMode.CREATE)
    fs.writeSync(file.fd, buf)
    fs.closeSync(file)
  }

}

export class SaveImageResultVo {
  errorCode: number = 0
}

export default new SaveImageUtil()