在Javascript中手动创建POST请求

Question

我希望从JS手动构建并发送POST请求。基本上我需要做的是： - 从画布中获取图像数据 - 将其包装在模拟发送表单（多部分/表单数据）的帖子请求中

任何人都可以提供一个示例或教程，指出我正确的方向吗？这是我到目前为止所做的，但它并没有真正被PHP处理为表单结果：

    $("#btn").click(function() {
    var dataURL= my_canvas.toDataURL().replace('data:image/png;base64,','');
    strPrefix="---------------------------293161416021411Content-Disposition: form-data; name=\"file\"; filename=\"testh.jpg\"Content-Type: image/jpeg";
    // post the dataUrl to php
    $.ajax({
      type: "POST",
      url: "files.php",
      data: strPrefix + dataURL,
      contentType: "multipart/form-data; boundary=---------------------------293161416021411"
    }).done(function( respond ) {
      // you will get back the temp file name
      // or "Unable to save this image."
      console.log(respond);
    });
});

有人可以帮忙吗？谢谢！

额外细节： - Sending multipart/formdata with jQuery.ajax的问题不能满足我的需求：它从文件输入中获取数据。我从画布中获取原始数据（基本上是图像内容为字符串，我希望它被识别为文件内容=＆gt;我需要以某种方式手动指定文件信息）。 - PHP端会发生什么：var_dump（$ _ POST）和var_dump（$ _ FILES）。当我使用我的代码时，它们都是空的。

谢谢大家看看这个！