worker线程里可以拿到项目内的图片吗

HarmonyOS

鸿蒙Flutter开发

2025-03-26 17:02:30

1812浏览

回答 1

按赞同

按时间

马晓晓笑

我查阅了文档，不好意思，在HarmonyOS的Worker线程中，不能直接访问主线程的UI资源或路径，但可以通过主线程传递图片数据（如ArrayBuffer、Base64或文件路径）。

你可以试试这样子：

主线程将图片数据发送给Worker

/ 主线程代码（entry/src/main/ets/MainPage.ets）

import worker from '@ohos.worker';


// 创建Worker实例

const workerInstance = new worker.ThreadWorker("entry/ets/workers/ImageWorker.ts");


// 方法1：传递图片的ArrayBuffer

async function sendImageAsArrayBuffer() {

  try {

    // 获取资源管理器

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

    const resourceMgr = context.resourceManager;


    // 读取rawfile中的图片为ArrayBuffer

    const fileData = await resourceMgr.getRawFileContent('image.jpg');

    const arrayBuffer = fileData.buffer;


    // 发送到Worker线程

    workerInstance.postMessage({

      type: 'processImage',

      data: arrayBuffer

    });

  } catch (err) {

    console.error('Failed to load image:', err);

  }

}


// 方法2：传递临时文件路径（适合大文件）

async function sendImageAsFilePath() {

  const tempDir = getContext().cacheDir; // 应用缓存目录

  const sourcePath = 'entry/resources/rawfile/image.jpg';

  const destPath = `${tempDir}/image_${Date.now()}.jpg`;


  // 将图片拷贝到Worker可访问的目录

  const fs = require('@ohos.file.fs');

  await fs.copyFile(sourcePath, destPath);


  workerInstance.postMessage({

    type: 'processImage',

    filePath: destPath

  });

}1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.