如何上传二进制 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()))
); 

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

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 内容，服务器端接收的是一个文件对象，其唯一内容是两个字符"{"和"}"。我需要添加内容处置标头，但不确定这是它应该具有的形式。

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

蟒蛇版本：2.7.6

姜戈==1.11

请求==2.22.0

Djangorestframework==3.6.2

编辑：似乎请求标头有"HTTP_CONTENT_LENGTH"：服务器端的2，而请求客户端的内容长度为~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
); 

Answer 2

我认为来自前端的数据应该以data而不是body发送，您期望的数据应如下所示：

data = {
"file": new Blob(Array.from(Array(10000).keys()))
}

现在，您可以将"关于"data发送为

body: JSON.stringify(data), // data can be string or {object}!