如何将数组中的字段附加到反应中的表单数据中?

2024-06-26

我是一名后端开发人员,主要工作于Django-Rest-框架。我在 axios 后调用中发送图像时遇到一些问题。前端在这里发送这样的对象

{
            
            "merchant": 2,
            "category": [
                7
            ],
            "brand":7
        ,    "name":"picture55test",
            "best_seller":true,
            "top_rated":false,        
            "collection":10,
            "description":"abc",
            "featured": false,            
            "availability": "in_stock",
            "warranty": "no_warranty",
            "rating":5,
            "image":null,           
            "services": "cash_on_delivery",
            "variants": [
                {                
                "product_id": "OAXWRTZ_12C",
                "price": "500.00",
                "size": "not applicable",
                "color": "not applicable",
                "variant_image": null,
                "quantity": 10,
                "variant_availability": "available"
            },
            {                
                "product_id": "OGROUPIRZ_12C",
                "price": "888.00",
                "size": "not applicable",
                "color": "not applicable",
                "variant_image": null,
                "quantity": 10,
                "variant_availability": "available"
            }
            ]
        }

现在我知道的是,当我们必须向 formdata 附加一个字段时,我们必须这样做:

handleSubmit = (e) => {
    e.preventDefault();
    console.log(this.state);
    let form_data = new FormData();
    form_data.append('image', this.state.image, this.state.image.name);
    form_data.append('name', this.state.name);
    form_data.append('services', this.state.services);
    let url = 'http://localhost:8000/api/addproducts';
    axios.post(url, form_data, {
      headers: {
        'content-type': 'multipart/form-data'
      }

现在,正如您所看到的,我有一组正在发送的变体数据。如何在变体数组中附加字段,就像我在上面的代码片段中附加产品名称一样?

在后端,我使用了 JsonParser 和 Formparser,因为正在发送图像文件。我不知道这是否有帮助,但我如下所示:

class ProductAddAPIView(CreateAPIView):
    permission_classes = [IsAuthenticated]
    parser_classes = [MultiPartParser,JSONParser,FormParser]
    queryset = Product.objects.all()
    serializer_class = AddProductSerializer

我已将用于同时创建产品对象和变体对象的逻辑放入序列化器中,但我想这里没有必要。我只需要知道如何传递数组内的图像文件,例如上面数据中的变量数组。


None

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何将数组中的字段附加到反应中的表单数据中? 的相关文章

随机推荐

  • 我应该如何从非 root Debian Linux 守护进程登录?

    我正在编写一个新的守护进程 它将托管在 Debian Linux 上 我发现 var log 具有仅 root 写入权限 因此我的守护进程无法在那里写入日志文件 但是 如果它写入那里 它似乎将获得自动日志轮转 并且也按照用户期望的方式工作
  • 如何逐步完成 Python 表达式求值过程?

    我想构建一个可视化调试器 它可以帮助编程学生查看表达式求值是如何发生的 子表达式如何求值并被其值 替换 类似于 Excel 中的表达式求值可视化工具 看起来您无法使用 Python 的 pdb 逐步完成此过程 因为其最精细的步骤粒度是代码行
  • C# 属性实际上是方法吗?

    到现在为止 我的印象是Properties Methods在 C 中是两个不同的东西 但后来我做了如下的事情 这对我来说是 大开眼界 我本来期待一处房产stringProp和一种方法stringProp但我得到了这个 为什么会发生这样的事
  • PHP 难以检查数组中的元素是否为整数类型

    我正在尝试检测一个或多个变量是否包含数字 我尝试了几种不同的方法 但并没有完全成功 这是我尝试过的
  • 尝试将无根 Podman + docker-compose + Traefik 与 podman.sock 一起使用时权限被拒绝

    TL DR 尝试通过 podman 套接字将无根 Podman 与 docker compose 一起使用 并使用 Traefik 容器 与 podman 套接字通信 将流量代理到其他容器 与https stackoverflow com
  • React-Router 在路由更改时重新安装组件

    我有一个连接 到 redux 存储 的组件 我有多个路由都在渲染道具中使用此组件 每次路线改变时 整个组件似乎都被重新安装 有什么办法可以防止这种情况发生吗 我的第一个想法是 我可能每次都会重新实例化组件 因为 render prop 是一
  • Fortran 中的指针数组

    我已经编写一个用于热力学计算的大型 Fortran 程序近 10 年了 当我开始时 我对新的 Fortran 标准还很陌生 我很熟悉 F77 而且太老了 无法学习其他东西 我发现新的 TYPE 构造非常好并且经常使用它们 但我没有意识到一些
  • AJAX 出现 Cloudflare 524 错误

    我正在向 Cloudflare 背后的站点发出 ajax 请求 100 秒后 我收到 524 但是 我无法在 Javascript 中处理该 524 因为错误页面由 Cloudflare 直接提供 并且不包含所需的 Access Contr
  • tokio::net::TcpStream 如何实现 tokio::prelude::Stream?

    In the tokio rs https tokio rs docs getting started echo 在文档中我们看到以下片段 split the socket stream into readable and writable
  • “匿名递归”在 .NET 中有效吗?它在 Mono 中是这样的

    我冲浪进入this http blogs msdn com b wesdyer archive 2007 02 02 anonymous recursion in c aspx几天前关于 C 中的匿名递归 的网站 本文的主旨是以下代码在 C
  • 在机器学习中使用 Scikit 对邮政编码进行特征哈希

    我正在研究一个机器学习问题 我的数据集中有很多邮政编码 8k 唯一值 因此 我决定将这些值散列到更小的特征空间中 而不是使用 OHE 之类的东西 我遇到的问题是我的哈希中唯一行的比例非常小 20 这基本上意味着根据我的理解 我有很多重复 冲
  • DatePicker 上的日期验证器在 IE7/IE8 中触发漏报

    我对包含两个 jQuery UI DatePickers 的表单进行了一些基本验证 日期的格式为 yy mm dd 有一个required and date对两个 DatePicker 进行验证 这些在 Chrome 和 FF 中按预期工作
  • 添加日期时间和时间

    服务器 SQL Server 2012 SP1 开发者版 Code declare datetime datetime 1900 01 01 00 00 00 000 declare time time 11 11 11 select da
  • 在 Android 上使用自定义适配器、数组列表和哈希图填充自定义列表视图

    i have a custom list view like blow and i have an array list that fill with hashmap 现在我想用自定义适配器 数组列表和哈希图填充自定义列表视图 我尝试了很多
  • Excel 2010 中隐藏行的宏

    我对 VBA 编程有点陌生 我在互联网上阅读了一些内容 但找不到我需要的内容或无法使其正常工作 我的问题 在工作表 表 1 的单元格 B6 中 给出了项目将被利用的年数 在工作表 sheet 2 和 sheet 3 中 我制作了 50 年的
  • MySQL 无法使用 PHP 连接到本地主机上的服务器

    我正在使用 XAMPP 1 7 2 可以通过 cmd 和 SQLYog 连接到 MySQL 但不能以编程方式连接 这段 PHP 代码 conn mysql connect localhost root if conn die Could n
  • Android:使用查找键管理联系人

    跟进这个问题 Android 使用查找键管理联系人 https stackoverflow com questions 3754217 android manage contacts with lookup key 见下文 我也有同样的问题
  • MonoGame Mac 模板安装

    我在 Mac 上的 MonoDevelop 中安装 MonoGame 模板时遇到问题 我已按照自述文件的指示将 MonoDevelop MonoGame 2 5 文件夹放置在 MonoDevelop app Contents MacOS l
  • 按正确的顺序将字典写入 csv 文件

    我有一个这样的字典 col1 1 2 3 col2 4 5 6 col3 7 8 9 我想要一个像这样的csv col1 col2 col3 1 4 7 2 5 8 3 6 9 我尝试与for循环 但 a 无法成功以正确的顺序写入值 某事
  • 如何将数组中的字段附加到反应中的表单数据中?

    我是一名后端开发人员 主要工作于Django Rest 框架 我在 axios 后调用中发送图像时遇到一些问题 前端在这里发送这样的对象 merchant 2 category 7 brand 7 name picture55test be