如何将Microsoft.Maui.Controls.Image转换为字节数组以进行网络传输？

方案1：加载图片时直接保存原始字节数组（推荐） #

加载图片阶段就把原始字节流存下来，后续直接用这个数组发送，避免二次转换的额外开销。

比如通过文件选择器加载图片的场景：

private byte[] _imageBytes;

private async Task PickAndLoadImage()
{
    var pickResult = await FilePicker.Default.PickAsync(new PickOptions
    {
        FileTypes = FilePickerFileType.Images
    });

    if (pickResult != null)
    {
        // 读取文件字节并保存
        _imageBytes = await File.ReadAllBytesAsync(pickResult.FullPath);
        
        // 转换为ImageSource显示到界面控件
        YourImageControl.Source = ImageSource.FromStream(() => new MemoryStream(_imageBytes));
    }
}

后续点击发送按钮时，直接使用_imageBytes发起网络请求即可。

方案2：从已显示的Image控件反向转换字节数组 #

如果之前没有保存原始字节数据，可根据ImageSource的具体类型做反向转换：

处理StreamImageSource类型 #

若图片源是流类型：

private async Task<byte[]> ConvertStreamSourceToBytes()
{
    if (YourImageControl.Source is StreamImageSource streamSource)
    {
        using var stream = await streamSource.Stream(CancellationToken.None);
        using var memoryStream = new MemoryStream();
        await stream.CopyToAsync(memoryStream);
        return memoryStream.ToArray();
    }
    return null;
}

处理FileImageSource类型 #

若图片是从本地文件路径加载的：

private async Task<byte[]> ConvertFileSourceToBytes()
{
    if (YourImageControl.Source is FileImageSource fileSource)
    {
        return await File.ReadAllBytesAsync(fileSource.File);
    }
    return null;
}

通用转换方法 #

可以写一个覆盖常见Source类型的通用方法：

private async Task<byte[]> GetImageBytesFromControl(Image imageControl)
{
    if (imageControl?.Source == null) return null;

    switch (imageControl.Source)
    {
        case StreamImageSource streamSource:
            using var stream = await streamSource.Stream(CancellationToken.None);
            using var ms = new MemoryStream();
            await stream.CopyToAsync(ms);
            return ms.ToArray();
        case FileImageSource fileSource:
            return await File.ReadAllBytesAsync(fileSource.File);
        case UriImageSource uriSource:
            // 网络图片需重新下载字节流
            using var httpClient = new HttpClient();
            return await httpClient.GetByteArrayAsync(uriSource.Uri);
        default:
            return null;
    }
}

网络发送示例 #

拿到字节数组后，发起上传请求：

private async Task SendImageToServer()
{
    var imageBytes = _imageBytes ?? await GetImageBytesFromControl(YourImageControl);
    if (imageBytes == null) return;

    using var httpClient = new HttpClient();
    using var content = new ByteArrayContent(imageBytes);
    // 根据图片实际类型调整ContentType，比如image/png、image/gif
    content.Headers.ContentType = new System.Net.Http.Headers.MediaTypeHeaderValue("image/jpeg");

    var response = await httpClient.PostAsync("https://your-api-domain.com/upload", content);
    if (response.IsSuccessStatusCode)
    {
        // 处理上传成功逻辑
    }
}

注意：如果是从相册选择图片，需在各平台配置对应权限（比如Android的READ_MEDIA_IMAGES，iOS的PhotoLibraryUsageDescription）。

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