javascript - 如何将带有字符串数组的 FormData 属性从 React Client 发送到 Django + Django Rest Framework API

Question

如何在表单数据中发送 JSON.stringify(array) 数据并使用我的 Django api 解码 JSON？

我正在尝试添加在表单中上传一组日期字符串的功能

最初我们使用 JSON 发送帖子数据并发送数据数组，但是，当我们切换到使用表单数据以使上传图像更容易时，我们开始遇到数组类型的问题。

因为必须使用字符串类型发送表单数据，所以我使用 JSON.stringify() 转换了日期字符串数组

const myForm = new FormData();
myForm.set("date_strings", JSON.stringify(dateStrings));

当我将 myForm 发布到我的 Django + DRF API 时，它会响应

{
    "date_strings": [
        "Datetime has wrong format. Use one of these formats instead: YYYY-MM-DDThh:mm[:ss[.uuuuuu]][+HH:MM|-HH:MM|Z]."
    ],
    "status_code": 400
}

在 Postman 中我验证了发送单个日期字符串是有效的，但是当我发送一个字符串数组时我得到了同样的错误。

我相信我的 Django API 会测试 request.data 是否有效，发现 date_strings 是一个 JSON 字符串，然后返回 400 错误。

        def create(self, request, *args, **kwargs):
            serializer = self.get_serializer(data=request.data)
            serializer.is_valid(raise_exception=True)

尝试的解决方案:

1. 在 PostViewset 创建方法中将 JSON 字符串转换为数组
   • 我无法更改 request.data['publish_dates'] 因为它不是可变的，而且我看到一些建议您不应尝试复制或更改 View 集中的请求数据，因为这不安全。

2. 在序列化器中将 JSON 字符串转换为数组

   • MySerializer 的创建和验证方法均未运行(我登录以进行测试)。

   • date_strings 在 create 方法中被格式化并创建为一个单独的 PublishDate 模型，

     class MySerializer(MyChildSerializer):
         date_strings = serializers.ListField(child=serializers.DateTimeField(), min_length=1, max_length=100, write_only=True)
     

当一个属性是一组日期时间字符串时，如何向我的 Django + DRF API 发送/接受表单数据？

Answer 1

我意识到了问题并找到了解决方案。因为 MySerializer 已将 date_strings 设置为 ListField，它以字符串形式传入，并作为错误请求被拒绝。

通过将 date_strings 的模型更改为 CharField，MySerializer 运行验证和创建方法。我现在必须找到一种方法将 JSON date_strings 转换回序列化程序创建方法中的数组，但我解决了 API 的 400 问题。

MySerializer 现在看起来像:

class CreatePostSerializer(SocialVeilModelSerializer):
     publish_dates = serializers.CharField(max_length=2000)