#鸿蒙通关秘籍#HarmonyOS Next 如何实现从手机选择图片或拍照上传功能？

import { photoAccessHelper } from '@kit.MediaLibraryKit';
import camera from '@ohos.multimedia.camera';
import camerapicker from '@ohos.multimedia.cameraPicker';
import { request } from '@kit.BasicServicesKit';

// 从手机相册选择图片
function selectImageFromGallery() {
    const photoSelectOptions = new photoAccessHelper.PhotoSelectOptions();
    photoSelectOptions.MIMEType = photoAccessHelper.PhotoViewMIMETypes.IMAGE_TYPE;
    photoSelectOptions.maxSelectNumber = 1;

    const photoViewPicker = new photoAccessHelper.PhotoViewPicker();
    photoViewPicker.select(photoSelectOptions).then(async (photoSelectResult) => {
        if (photoSelectResult.photoUris.length) {
            await uploadImage(photoSelectResult.photoUris[0]);
        }
    }).catch((error) => {
        console.error(`Failed to select image: ${error.message}`);
    });
}

// 拍照功能
async function capturePhoto() {
    const pickerProfile = { cameraPosition: camera.CameraPosition.CAMERA_POSITION_BACK };
    try {
        const pickerResult = await camerapicker.pick(this.context, [camerapicker.PickerMediaType.PHOTO], pickerProfile);
        if (pickerResult?.resultUri) {
            await uploadImage(pickerResult.resultUri);
        }
    } catch (error) {
        console.error(`Failed to capture photo: ${error.code}`);
    }
}

// 上传图片
async function uploadImage(filePath) {
    const uri = `internal://cache/${filePath}`;
    const uploadConfig = {
        url: 'http://your-upload-url.com',
        method: "POST",
        files: [{ filename: filePath, name: "file", uri, type: "image/jpeg" }],
        data: []
    };
    
    try {
        const uploadTask = await request.uploadFile(this.context, uploadConfig);
        
        uploadTask.on('progress', (size, total) => {
            console.log(`Upload progress: ${size}/${total}`);
        });

        uploadTask.on('headerReceive', (data) => {
            console.info(`Upload success: ${JSON.stringify(data)}`);
        });

        uploadTask.on('complete', (taskStates) => {
            console.info(`Upload completed`);
        });

        uploadTask.on('fail', (taskStates) => {
            console.error(`Upload failed: ${JSON.stringify(taskStates)}`);
        });
    } catch (e) {
        console.error(`Upload error: ${JSON.stringify(e)}`);
    }
}
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.