鸿蒙Next，图片上传01-将图片存入模拟器相册

1.通过拖拽将图片从Windows11存储到鸿蒙模拟器

我在使用端云一体化开发时，遇到一个难题，模拟器没有拍照功能，那如何将图片存入模拟器相册呢，

发现模拟器有‘文件管理’，且可以通过-将照片直接从window拖到鸿蒙模拟器，实现复制到模拟器对应的文件下

然后进入到对应文件下，左键点击该照片，在点击左下角分享，在点击保存到图库

成功实现将照片保存到模拟器图库当中，注意我用的是最新版的鸿蒙版本和模拟器。

2.使用鸿蒙编译器将Windows11下的文件存放到模拟器相册中（使用安全组件SaveButton）

SaveButton-安全-ArkTS组件-ArkUI（方舟UI框架）-应用框架 - 华为HarmonyOS开发者

第一步：将要存储的图片放到media文件下面，可以直接拖过去，也可以使用电脑文件管理器，打开该目录的位置，将图片复制过去。（代码示例使用编译器自带图片startIcon.png）

第二步：使用下面示例代码运行模拟器，点击下载，点击允许查看相册（代码块里有详细代码讲解）

图片成功存入相册：

示例代码：

  1. // 导入文件操作相关的工具包
  2. import { fileIo } from '@kit.CoreFileKit'
  3. // 导入媒体库访问帮助类
  4. import { photoAccessHelper } from '@kit.MediaLibraryKit';
  5. // 导入弹窗提示操作相关的工具包
  6. import { promptAction } from '@kit.ArkUI';
  7.  
  8. @Entry
  9. @Component
  10. struct FileCopy {
  11.   // 定义一个响应式状态变量 list，用于存储资源数组
  12.   @State
  13.   list: Resource[] = [
  14.     $r("app.media.startIcon"),
  15.  
  16.   ]
  17.   // 定义一个响应式状态变量 index，用于记录当前处理的资源索引
  18.   @State index:number=0
  19.  
  20.  
  21.   // 保存沙箱图片到相册
  22.   async saveImgToAssets() {
  23.     try {
  24.       // 初始化index
  25.       this.index = 0
  26.       while (this.index < this.list.length) {
  27.         // 获取上下文
  28.         const context = getContext();
  29.         // 通过上下文获取照片访问帮助器实例
  30.         let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
  31.         // 创建媒体文件
  32.         let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
  33.         // 打开创建的媒体文件并读取本地文件并将其转换为 ArrayBuffer 以便于填充
  34.         let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE);
  35.         let buffer = getContext(this).resourceManager.getMediaContentSync(this.list[this.index].id);
  36.         // 将读取的 ArrayBuffer 写入新的媒体文件。
  37.         await fileIo.write(file.fd, buffer.buffer);
  38.         await fileIo.close(file);
  39.         // 索引加 1，处理下一个资源
  40.         this.index++
  41.       }
  42.       promptAction.showToast({ message: '下载成功' })
  43.     } catch (err) {
  44.       AlertDialog.show({ message: err.message })
  45.     }
  46.   }
  47.  
  48.   build() {
  49.     Column({ space: 10 }) {
  50.       Row() {
  51.         SaveButton()
  52.           // 为保存按钮添加点击事件监听器
  53.           .onClick((_, result: SaveButtonOnClickResult) => {
  54.             // 如果按钮点击操作成功
  55.             if (result === SaveButtonOnClickResult.SUCCESS) {
  56.               // 调用保存图片到相册的方法
  57.               this.saveImgToAssets()
  58.             }
  59.           })
  60.       }
  61.       .justifyContent(FlexAlign.Center)
  62.       .width('100%')
  63.       // 创建一个网格行，每行显示 2 列
  64.       GridRow({ columns: 2 }) {
  65.         ForEach(this.list, (item: string) => {
  66.           GridCol() {
  67.             Image(item)
  68.               .height(150)
  69.               .height(150)
  70.               .borderRadius(4)
  71.           }
  72.           .margin({
  73.             top: 10
  74.           })
  75.         })
  76.       }
  77.  
  78.     }
  79.  
  80.   }
  81. }// 导入文件操作相关的工具包
  82. import { fileIo } from '@kit.CoreFileKit'
  83. // 导入媒体库访问帮助类
  84. import { photoAccessHelper } from '@kit.MediaLibraryKit';
  85. // 导入弹窗提示操作相关的工具包
  86. import { promptAction } from '@kit.ArkUI';
  87.  
  88. @Entry
  89. @Component
  90. struct FileCopy {
  91.   // 定义一个响应式状态变量 list，用于存储资源数组
  92.   @State
  93.   list: Resource[] = [
  94.     $r("app.media.startIcon"),
  95.  
  96.   ]
  97.   // 定义一个响应式状态变量 index，用于记录当前处理的资源索引
  98.   @State index:number=0
  99.  
  100.  
  101.   // 保存沙箱图片到相册
  102.   async saveImgToAssets() {
  103.     try {
  104.       // 初始化index
  105.       this.index = 0
  106.       while (this.index < this.list.length) {
  107.         // 获取上下文
  108.         const context = getContext();
  109.         // 通过上下文获取照片访问帮助器实例
  110.         let phAccessHelper = photoAccessHelper.getPhotoAccessHelper(context);
  111.         // 创建媒体文件
  112.         let uri = await phAccessHelper.createAsset(photoAccessHelper.PhotoType.IMAGE, 'jpg');
  113.         // 打开创建的媒体文件并读取本地文件并将其转换为 ArrayBuffer 以便于填充
  114.         let file = await fileIo.open(uri, fileIo.OpenMode.READ_WRITE);
  115.         let buffer = getContext(this).resourceManager.getMediaContentSync(this.list[this.index].id);
  116.         // 将读取的 ArrayBuffer 写入新的媒体文件。
  117.         await fileIo.write(file.fd, buffer.buffer);
  118.         await fileIo.close(file);
  119.         // 索引加 1，处理下一个资源
  120.         this.index++
  121.       }
  122.       promptAction.showToast({ message: '下载成功' })
  123.     } catch (err) {
  124.       AlertDialog.show({ message: err.message })
  125.     }
  126.   }
  127.  
  128.   build() {
  129.     Column({ space: 10 }) {
  130.       Row() {
  131.         SaveButton()
  132.           // 为保存按钮添加点击事件监听器
  133.           .onClick((_, result: SaveButtonOnClickResult) => {
  134.             // 如果按钮点击操作成功
  135.             if (result === SaveButtonOnClickResult.SUCCESS) {
  136.               // 调用保存图片到相册的方法
  137.               this.saveImgToAssets()
  138.             }
  139.           })
  140.       }
  141.       .justifyContent(FlexAlign.Center)
  142.       .width('100%')
  143.       // 创建一个网格行，每行显示 2 列
  144.       GridRow({ columns: 2 }) {
  145.         ForEach(this.list, (item: string) => {
  146.           GridCol() {
  147.             Image(item)
  148.               .height(150)
  149.               .height(150)
  150.               .borderRadius(4)
  151.           }
  152.           .margin({
  153.             top: 10
  154.           })
  155.         })
  156.       }
  157.  
  158.     }
  159.  
  160.   }
  161. }

适用HarmonyOS NEXT / API12或以上版本

注：本文转载自blog.csdn.net的试水年华的文章"https://blog.csdn.net/m0_66451496/article/details/146286256"。版权归原作者所有，此博客不拥有其著作权，亦不承担相应法律责任。如有侵权，请联系我们删除。
复制链接
相关推荐
发表评论

评论记录：

未查询到任何数据！