javascript - 如何上传二进制 blob

Question

我试图通过 blob 将一些二进制数据从客户端发送到 django Rest 服务器，但接收到的文件的内容最终是“{}”，与 blob 的内容无关。我不想使用 base64 编码上传。

示例客户端代码:

    fetch("myserver/upload/file", {
        headers: {
            'Authorization': 'Token mytoken',
            'Content-Disposition': 'attachment; filename="filename.dat"'
        },
        method: "POST",
        body: new Blob(Array.from(Array(10000).keys()))
    ); 

在服务器端我有一个 View 类:

    from rest_framework import generics
    from rest_framework.parsers import FileUploadParser
    from rest_framework.response import Response

    class MyView(generics.GenericAPIView):
        parser_classes = (FileUploadParser,)

        def post(self, request):
            f = request.data.get('file')

            # some processing of file...

            return Response(
                {"response_info_key": "response_info_value"},
                status = 201
            )

我观察到，无论我是否使用 jquery、fetch 还是 xhr 发送帖子，也无论 blob 内容如何，​​服务器端接收到的都是一个文件对象，其唯一内容是两个字符“{”和“}” 。我需要添加 Content-Disposition header ，但不确定这就是它应该具有的形式。

另一方面，如果我使用 Postman 和相同的 header 设置“二进制”主体，并指定文件，则服务器成功接收该文件。我应该如何更正我的 POST 请求以使其在 Javascript 客户端中正常工作？

Python版本:2.7.6

Django==1.11

请求==2.22.0

djangorestframework==3.6.2

编辑: 看起来请求 header 在服务器端具有 'HTTP_CONTENT_LENGTH': 2 ，而请求客户端的 CONTENT-LENGTH 约为 10^4

Answer 1

您可以使用 FormData 发送二进制 blob，而无需对其进行修改。

const formData = new FormData();
formData.append('content', new Blob(Array.from(Array(10000).keys())));

fetch("myserver/upload/file", {
  headers: {
    'Authorization': 'Token mytoken',
    'Content-Disposition': 'attachment; filename="filename.dat"'
  },
  method: "POST",
  body: formData
);