NativeScript/Angular中ImagePicker选图后获取路径或保存图片问题

使用ImagePicker选择图片后，得到的是content://格式的URL，例如：

content://com.android.providers.media.documents/document/image%3A139

调用ImageSource.fromAsset()返回空对象，输出为ImageSource: {"android": {}}。尝试过Utils.android.getApplicationContext().getContentResolver()但没有效果，需求是将选中的图片保存为新文件，或者获取真实文件路径用于网络请求，当前代码里多数旧解决方案已经过时。

当前代码示例：

public onSelectSingleTap() {
    return new Promise((resolve, reject) => {
        this.isSingleMode = true;

        let context = imagepicker.create({
            mode: "single",
            mediaType: ImagePickerMediaType.Image,
        });

        context
            .authorize()
            .then(() => {
                return context.present();
            })
            .then((selection) => {
                if (selection.length > 0) {
                    ImageSource.fromAsset(selection[0])
                        .then((imageSource) => {
                            console.log('Image Source: ', imageSource)
                            let documentsFolder = knownFolders.documents();
                            let random = Math.floor(Math.random() * 1000000000);
                            const filePath: string = path.join(documentsFolder.path, 'image' + random.toString());
                            let saved = imageSource.saveToFile(filePath, 'jpg')
                            if (saved) {
                                const savedFilePath: string = path.join(documentsFolder.path, 'image' + random.toString() + '.jpg');
                                const file: File = File.fromPath(savedFilePath);
                                // resolve({file: file, content: selection[0]})
                            }
                        })
                        .catch((err) => console.error("Error loading ImageSource:", err));
                }
            });
    })
}

核心问题是ImageSource.fromAsset()仅适用于项目assets目录下的资源，无法处理content://格式的系统媒体URI。正确做法是通过Android的ContentResolver读取URI对应的文件流，再生成ImageSource。

修改后的代码示例：

import { ImageSource, knownFolders, path, File, Utils } from "@nativescript/core";
import { ImagePickerMediaType } from "@nativescript/imagepicker";

public onSelectSingleTap() {
    return new Promise((resolve, reject) => {
        this.isSingleMode = true;

        let context = imagepicker.create({
            mode: "single",
            mediaType: ImagePickerMediaType.Image,
        });

        context
            .authorize()
            .then(() => context.present())
            .then((selection) => {
                if (!selection.length) {
                    reject(new Error("未选择图片"));
                    return;
                }

                const contentUri = selection[0];
                const contentResolver = Utils.android.getApplicationContext().getContentResolver();
                
                try {
                    // 通过ContentResolver打开输入流
                    const inputStream = contentResolver.openInputStream(android.net.Uri.parse(contentUri));
                    // 从输入流创建ImageSource
                    ImageSource.fromInputStream(inputStream)
                        .then((imageSource) => {
                            if (!imageSource) {
                                reject(new Error("无法创建ImageSource"));
                                return;
                            }

                            const documentsFolder = knownFolders.documents();
                            const random = Math.floor(Math.random() * 1000000000);
                            const fileName = `image${random}.jpg`;
                            const filePath = path.join(documentsFolder.path, fileName);
                            
                            // 保存图片
                            const saved = imageSource.saveToFile(filePath, "jpg");
                            if (saved) {
                                const file = File.fromPath(filePath);
                                resolve({ file, content: contentUri });
                            } else {
                                reject(new Error("保存图片失败"));
                            }
                        })
                        .catch((err) => {
                            console.error("加载ImageSource失败:", err);
                            reject(err);
                        })
                        .finally(() => {
                            // 关闭输入流，避免资源泄漏
                            if (inputStream) {
                                inputStream.close();
                            }
                        });
                } catch (err) {
                    console.error("读取文件流失败:", err);
                    reject(err);
                }
            })
            .catch((err) => {
                console.error("图片选择失败:", err);
                reject(err);
            });
    });
}

关键修改点：

• 替换ImageSource.fromAsset()为ImageSource.fromInputStream()，通过ContentResolver获取输入流处理content:// URI
• 增加输入流关闭逻辑，避免资源泄漏
• 补充完整的错误处理，覆盖选择空、流读取失败、ImageSource创建失败、保存失败等场景
• 无需转换真实文件路径，直接通过流操作保存图片更可靠（Android 10+中content:// URI对应的真实路径可能无法直接访问）

如果确实需要获取真实文件路径，可以通过ContentResolver查询DATA字段，但Android 10+系统中该字段可能返回空或虚拟路径，仍推荐优先使用流操作的方式处理。

内容的提问来源于stack exchange，提问作者Tyler Kanz