如何在Xamarin Forms Android中从MultipartFormDataContent移除图片？

在Xamarin Forms Android开发中，我可以动态创建图片预览和删除按钮，也能从界面上移除对应的元素，但用户发送图片时，没法从MultipartFormDataContent中移除已删除的图片——因为MultipartFormDataContent的Content属性是只读的ICollection<HttpContent>，没有提供直接移除元素的方法。

解决方案：通过跟踪列表管理待上传文件 #

核心思路是不直接向MultipartFormDataContent添加内容，而是用一个独立列表跟踪所有待上传的文件项，删除界面元素时同步更新该列表，最终发送时再根据列表重新构建MultipartFormDataContent。

步骤1：定义文件跟踪类 #

创建一个类来存储每个待上传文件的关键信息，方便后续关联界面元素和内容项：

public class UploadFileItem
{
    // 与界面元素的ClassId对应，用于匹配删除项
    public string Id { get; set; }
    public StreamContent Content { get; set; }
    // 表单字段名（对应Add方法的name参数）
    public string FormFieldName { get; set; }
    // 文件名（对应Add方法的fileName参数）
    public string FileName { get; set; }
}

步骤2：替换原有的MultipartFormDataContent为跟踪列表 #

把原来的MultipartFormDataContent content替换为列表：

// 移除原来的MultipartFormDataContent定义，改用列表跟踪
private List<UploadFileItem> _pendingUploads = new List<UploadFileItem>();
private int contador = 0; // 假设contador是已定义的计数器变量

步骤3：修改拍照添加逻辑 #

在TakePhotos方法中，将文件内容添加到跟踪列表，而非直接添加到MultipartFormDataContent，同时在删除按钮的点击事件中同步移除列表中的对应项：

private async void TakePhotos()
{
    var file2 = await MediaPicker.CapturePhotoAsync();
    
    while (file2 != null)
    {
        string itemId = contador.ToString();
        
        // 创建图片预览元素（原有逻辑保持不变）
        Image im = new Image();
        im.ClassId = itemId;
        im.Source = ImageSource.FromFile(file2.FullPath);
        im.HeightRequest = 600;
        im.WidthRequest = 600;
        im.MinimumHeightRequest = 600;
        im.MinimumWidthRequest = 600;
        im.VerticalOptions = LayoutOptions.End;
        im.HorizontalOptions = LayoutOptions.End;
        im.Aspect = Aspect.AspectFill;
        imgs.Children.Add(im);

        // 创建删除按钮并修改点击事件
        Button deleteButton = new Button();
        deleteButton.Text = "Delete image";
        deleteButton.VerticalOptions = LayoutOptions.CenterAndExpand;
        deleteButton.HorizontalOptions = LayoutOptions.Center;
        deleteButton.MinimumWidthRequest = 100;
        deleteButton.ClassId = itemId;
        deleteButton.Clicked += (sender, args) => {
            // 移除界面元素
            imgs.Children.Remove(im);
            imgs.Children.Remove(deleteButton);
            
            // 从跟踪列表中移除对应文件项，并释放资源
            var targetItem = _pendingUploads.FirstOrDefault(item => item.Id == itemId);
            if (targetItem != null)
            {
                _pendingUploads.Remove(targetItem);
                targetItem.Content.Dispose(); // 释放流资源，避免内存泄漏
            }
        };
        imgs.Children.Add(deleteButton);

        // 将文件内容添加到跟踪列表
        var streamContent = new StreamContent(await file2.OpenReadAsync());
        string fileName = $"{subs[0]}_{subs[1]}_{subs[2]}_{contador}_{file2.FileName}";
        _pendingUploads.Add(new UploadFileItem
        {
            Id = itemId,
            Content = streamContent,
            FormFieldName = "file",
            FileName = fileName
        });
        
        file2 = await MediaPicker.CapturePhotoAsync();
        contador++;
    }
    
    btnScannerQR.IsVisible = false;
    btnSacarFotos.IsVisible = true;
    btnEnviarImagenes.IsVisible = true;
}

步骤4：修改发送逻辑，动态构建MultipartFormDataContent #

在enviarFotos方法中，根据跟踪列表重新构建MultipartFormDataContent，确保只发送未被删除的文件：

private async void enviarFotos()
{
    bool answer = await DisplayAlert("是否已完成？", "确定要发送图片吗？", "是", "否"); 
    
    if(answer)
    {
        // 动态构建MultipartFormDataContent
        using var uploadContent = new MultipartFormDataContent();
        foreach(var item in _pendingUploads)
        {
            uploadContent.Add(item.Content, item.FormFieldName, item.FileName);
        }

        // 发送请求
        var httpClient = new HttpClient();
        var response = await httpClient.PostAsync("url", uploadContent);
        string res = await response.Content.ReadAsStringAsync();
        await DisplayAlert("结果", res, "OK");

        // 清理界面和资源
        btnSacarFotos.IsVisible = false;
        btnEnviarImagenes.IsVisible = false;
        btnScannerQR.IsVisible = true;
        
        // 释放所有流资源并清空列表
        foreach(var item in _pendingUploads)
        {
            item.Content.Dispose();
        }
        _pendingUploads.Clear();
        imgs.Children.Clear();

        Shell.Current.GoToAsync($"//{nameof(HomePage)}");
    }
    else
    {
        // lblStatus.Text = "未发送任何内容";
    }
}

关键说明 #

• MultipartFormDataContent的Content集合是只读的，无法直接移除元素，因此必须通过外部列表管理待上传内容
• 删除操作时必须同步更新跟踪列表，同时释放StreamContent的资源，避免内存泄漏
• 发送前动态构建MultipartFormDataContent，确保只包含用户选择保留的文件

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