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()))
    );

在服务器端，我有一个视图类：


    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标头，但不确定这是它应该具有的形式。

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

Python版本：2.7.6

Django == 1.11

requests == 2.22.0

djangorestframework == 3.6.2

编辑： 似乎请求标头在服务器端具有“ HTTP_CONTENT_LENGTH”：2，而请求客户端的CONTENT-LENGTH为〜10 ^ 4

Answer 1

我认为来自前端的数据应在.vs中发送，而不是在data中发送，并且您期望的数据应如下所示：

body

现在，您可以将大约data = { "file": new Blob(Array.from(Array(10000).keys())) }发送为

data

Answer 2

您可以使用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
);

如何上传二进制Blob

2 个答案: