HarmonyOS 鸿蒙Next中使用uniapp适配时遇到保存图片的相关问题

建议通过uni方法上传下载保存到相册，无需申请权限，参考文档如下。

【背景知识】

• uni.chooseImage：从本地选择图片。
• uni.uploadFile：上传文件到服务器。
• uni.downloadFile：下载文件资源到本地，返回文件的本地临时路径。
  • 直接调用可能会出现文件名、文件拓展名缺失的情况，需要传入filePath参数，自行指定文件保存的本地路径。
  • 获取沙箱目录下的缓存目录一般是通过uts插件通过HarmonOS侧的context获取。如果不想调用uts插件，应用可以访问的沙箱目录的cacheDir，目前路径是/data/storage/el2/base/haps/entry/cache。
• uni.saveImageToPhotosAlbum：将本地图片保存到相册。

【解决方案】

上传图片到服务器： uni-app中可以调用uni.chooseImage选择图片，再调用uni.uploadFile将选择的图片上传到服务器。

保存网络图片到相册： uni-app中保存网络图片到相册中，可以先调用uni.downloadFile将网络图片保存到指定沙箱目录下，再通过uni.saveImageToPhotosAlbum保存到相册中。

示例代码：

<template>
  <view class="content">
    <button type="default" @click="uploadImage">选择图片上传服务器</button>
    <button type="default" @click="downloadImage">下载图片保存到相册</button>
  </view>
</template>

<script>
  export default {
    data() {
      return {

      }
    },
    onLoad() {

    },
    methods: {
      uploadImage() {
        // 从本地选择图片文件
        uni.chooseImage({
          success: (chooseImageRes) => {
            const tempFilePaths = chooseImageRes.tempFilePaths;
            // 上传图片文件
            const uploadTask = uni.uploadFile({
              url: 'https://www.example.com/upload',
              filePath: tempFilePaths[0],
              name: 'file',
              success: (uploadFileRes) => {
                console.info(`上传完成`);
              }
            });

            uploadTask.onProgressUpdate((res) => {
              console.info(`上传进度：${res.progress}`);
            });
          }
        });
      },
      downloadImage() {
        uni.downloadFile({
          // 这里传入网络图片的链接
          url: "https://www-file.huawei.com/admin/asset/v1/pro/view/5deaae05e9714a84bce397e965853aae.jpg",
          success: (res) => {
            uni.saveImageToPhotosAlbum({
              filePath: res.tempFilePath,
              success: (data) => {
                if (data) {
                  uni.showToast({
                    title: `保存图片到相册成功 path: ${data.path}`
                  })
                }
              },
              fail: (err) => {
                console.error('保存失败：', err)
              }
            })
          },
          fail: (error) => {
            console.error('下载失败：', error)
          }
        })
      }
    }
  }
</script>

<style>
  .content {
    display: flex;
    flex-direction: column;
  }

  .content button {
    margin-bottom: 32rpx;
    width: 100%;
  }
</style>