Webkit JavaScript 可以将 REST 风格的图像作为纯二进制文件 PUT 或 POST 吗？

Question

当我的浏览器从网站下载图像时，不涉及 Base64 编码。它发出一个类似 GET /image.jpg 的 HTTP 命令，并接收一个 Content-Type 类似 image/jpg 的 HTTP 响应，其 < code>Content-Length 是图像中的字节数，其主体是原始二进制图像数据本身。数据既不使用字符集进行编码，也不使用像 Base64 这样的方案进行编码。

编写 RESTful 资源训练我期望 HTTP GET 和 PUT 之间的对称性，例如，当我执行 GET 时，URL 会传递 JSON 数据然后，当使用 PUT 提供 JSON 数据时，code> 将接受 JSON 数据。在这两种情况下都不涉及形式编码；在这两种情况下，只有一个 Content-Length 给出有效负载中的字节数，一个 Content-Type 标头声明有效负载是某种字符集中的 JSON，以及那么字符数据就单独存在并且不加修饰地作为 GET 或 PUT 的主体。

我正在编写一个 PhoneGap 应用程序，允许用户拍照并使用我的应用程序上传照片。我原以为我可以为此设计一个 RESTful 接口，支持对称 GET 和 PUT - 这样 PUT 命令不涉及特殊编码，也不涉及任何字符集的概念，而只是将 Content-Type 设为 image/jpg，然后将大量二进制 JPG 数据作为其有效负载。显然，这比尝试在表单内对图像进行编码更能有效地利用带宽。当我使用 curl 等工具 PUT 到 URL 时，这种方法效果很好。

但我没有运气从 PhoneGap WebKit JavaScript 执行干净的 RESTful PUT ！ PhoneGap 愿意将图像作为本地 file: URL 或作为 data: URL 返回到我的 JavaScript，该 URL 携带通过 base64 编码内联的图像数据。但在这两种情况下，我都找不到一种清晰的方法将图像转换为纯二进制格式（我会为此使用那些新奇的 Blob 对象之一吗？如果是的话，怎么做？），然后导致 < code>PUT ，无需使用额外的形式层或编码繁琐来装饰请求，只需将原始图像作为 HTTP 请求负载通过网络传输到我的 Web 服务器。

有谁知道如何诱导 WebKit PUT 一个以原始图像作为主体的 AJAX 请求？感谢您的任何指点 - 甚至任何有用的答案，大意是我处理这一切都是错误的！

Answer 1

至于二进制图像处理，二进制文件检查器演示可能会有所帮助-到结束的例子。

MDNBlob 主题的教程信息一个>。 这篇博文介绍了如何将 base64 URI 转换为 ArrayBuffer，然后转换为 Blob。

最后，可以上传 ArrayBuffer 或 Blob 使用 XMLHttpRequest2 接口。

XHR2 规范似乎暗示支持PUT以及许多其他HTTP方法。因此，结合所有这些，您可以将文件填充到 Blob 中并使用 XHR2 发送它们。

---

使用 base64 解码方法的未经测试的代码示例，并得到 base64 的帮助-binary.js：

var BASE_64_PREFIX = "base64,";
function getBase64Content(base64Uri) {
   var index = base64Uri.indexOf(BASE_64_PREFIX);
   return base64Uri.substring(index + BASE_64_PREFIX.length);
}

function put(uri, data, onComplete) {
    var xhr = new XMLHttpRequest();
    xhr.open("PUT", uri, true);
    xhr.onload = onComplete;

    xhr.send(data);
}

var base64Uri = fromPhoneGap();
var base64Content = getBase64Content(base64Uri);
var arrayBuffer = Base64Binary.decodeArrayBuffer(base64Content);

put("/some/uri", arrayBuffer, function () {
    console.log("All done");
});

---

也就是说，我怀疑其中大部分内容是否能在最新的桌面 WebKit 上运行，更不用说您将通过 PhoneGap 获得的版本了。您可能不适合利用这些草案规范。