使用vibe.d提交含图片的Multipart表单失败求助

我帮你分析下代码里的问题，以及给出两种可行的解决方案：

问题根源分析 #

你的代码手动构建Multipart表单时，存在几个关键错误：

• 边界格式错误：Multipart表单的最后一个边界必须以--结尾（即--Boundary-XXX--），但你最后只写了--Boundary-" ~ boundary ~ "\r\n"，缺少了末尾的两个连字符，导致服务器无法正确识别表单的结束位置，因此解析不到任何内容。
• 二进制数据处理不当：你把图片数据以char[]类型拼接到string中，而string是UTF-8编码的，图片的二进制数据可能包含无效的UTF-8序列，这会导致数据损坏，同时h.length计算的是UTF-8字符串的长度，而非实际的字节数，Content-Length值不准确也会影响服务器解析。
• 手动拼接易出错：手动构建Multipart格式很容易遗漏细节（比如换行、边界格式），而vibe.d本身就提供了封装好的工具类来处理这个场景。

推荐解决方案：使用vibe.d内置的MultipartForm #

vibe.d的MultipartForm类会自动处理边界生成、Content-Type设置、二进制数据传输等细节，完全避免手动拼接的错误，代码更简洁可靠：

import vibe.http.client;
import vibe.inet.message;
import vibe.core.file;
import vibe.core.log;

void main()
{
    auto response = requestHTTP("https://httpbin.org/anything", (scope req) {
        req.method = HTTPMethod.POST;
        // 创建Multipart表单实例
        auto form = new MultipartForm;
        
        // 添加普通文本字段
        form.addField("type", "photo");
        
        // 添加图片文件：读取文件二进制数据，指定字段名、文件名、Content-Type
        auto imageData = File("image.jpg").readAll();
        form.addFile("photo", "558704D0-2855-4689-996C-F556BE4A3872.jpg", "image/jpeg", imageData);
        
        // 添加JSON格式的字段
        form.addField("photo_ids", `["55227F15-36D2-4A04-A4D9-FB23C00627D1"]`);
        
        // 将表单设置为请求体，vibe.d会自动处理所有Multipart相关的头和格式
        req.body = form;
    }).bodyReader.readAllUTF8();
    
    logInfo(response);
}

手动修复原代码的方案 #

如果你坚持要手动构建表单，可以按照以下方式修正：

import vibe.http.client;
import vibe.core.file;
import std.uuid;
import std.conv;
import vibe.core.log;

void main()
{
    auto f = File("image.jpg");
    // 用ubyte[]存储二进制数据，避免UTF-8编码问题
    ubyte[] data = f.readAll();
    string boundary = randomUUID.toString.toUpper();
    
    // 拆分各个表单部分，避免二进制与字符串拼接
    string partType = "--Boundary-" ~ boundary ~ "\r\n" ~
                      `Content-Disposition: form-data; name="type"` ~ "\r\n\r\n" ~
                      "photo\r\n";
                      
    string partPhotoHeader = "--Boundary-" ~ boundary ~ "\r\n" ~
                             `Content-Disposition: form-data; name="photo"; filename="558704D0-2855-4689-996C-F556BE4A3872.jpg"` ~ "\r\n" ~
                             "Content-Type: image/jpeg\r\n\r\n";
                             
    string partPhotoIds = "\r\n--Boundary-" ~ boundary ~ "\r\n" ~
                          `Content-Disposition: form-data; name="photo_ids"` ~ "\r\n\r\n" ~
                          `["55227F15-36D2-4A04-A4D9-FB23C00627D1"]` ~ "\r\n";
                          
    // 最后一个边界必须以--结尾
    string endBoundary = "--Boundary-" ~ boundary ~ "--\r\n";
    
    // 正确计算总字节长度：各字符串的字节数 + 二进制数据长度
    size_t contentLength = partType.length + partPhotoHeader.length + data.length + partPhotoIds.length + endBoundary.length;
    
    auto response = requestHTTP("https://httpbin.org/anything", (scope req) {
        req.method = HTTPMethod.POST;
        req.headers["content-type"] = "multipart/form-data; boundary=Boundary-" ~ boundary;
        req.headers["content-length"] = to!string(contentLength);
        
        // 分别写入各个部分，确保二进制数据原样传输
        req.bodyWriter.write(partType);
        req.bodyWriter.write(partPhotoHeader);
        req.bodyWriter.write(data);
        req.bodyWriter.write(partPhotoIds);
        req.bodyWriter.write(endBoundary);
    }).bodyReader.readAllUTF8();
    
    logInfo(response);
}

手动修复的关键点 #

1. 用ubyte[]存储图片的二进制数据，避免UTF-8编码带来的损坏和长度计算错误。
2. 修正最后一个边界的格式，添加末尾的--。
3. 拆分表单部分，分别写入请求体，不将二进制数据与字符串拼接。
4. 准确计算总内容长度，确保Content-Length头与实际传输的字节数一致。

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