form-data 相关问题

FormData是一个JavaScript对象接口,旨在更轻松地在Ajax中构建multipart / form-data。

如何将特定于平面表单的数据结构转换为嵌套数据结构?

我有一个要求,需要膨胀特定于表单的平面数据结构。在发送用户输入的值之前,我需要根据服务器 API 的功能构建一个数据结构

回答 2 投票 0

新的FormData(SomeForm)不调用JavaScript中的自定义Getter

我有一个自定义下拉组件。在此组件中,我设置了一个自定义 getter 和 setter,如下所示: Object.defineProperty(this.DropDownInputTarget, '值', { 获取:函数(){ 重新...

回答 1 投票 0

具有多文件字段的表单上的Object.fromEntries 仅返回一个条目

我正在尝试创建一个采用表单的 JavaScript 函数,并通过 ajax 调用提交内容。当我有一个函数迭代 document.forms.name 的值时,这是有效的...

回答 1 投票 0

如何使用 fetch 将上传作为多部分表单数据进行流式传输?

我在chrome上,支持将ReadableStream作为八位字节流发送。如果我提供 ReadableStream 作为要获取的正文,则一切正常。但是,如果我将其附加到如下所示的 FormData 中......

回答 1 投票 0

有没有办法修复这个 PropType 错误,它说我将 fromData 作为字符串而不是对象传递

这是我从网页控制台收到的错误 警告:失败的 prop 类型:提供给 FirstSection 的字符串类型的 prop formData 无效,预期对象。 在第一部分(http://localhost:51...

回答 1 投票 0

一个表单中可以有两个提交按钮吗?

在 Prestashop 后台我创建了一个表单,其中一个提交按钮标记为“保存”。是否可以添加另一个具有不同操作的提交按钮?

回答 2 投票 0

如何使用动态输入管理formdata中的嵌套对象?

我正在使用 React 创建一个具有多个动态输入的表单。 这是我的 form.tsx: 接口属性{ 名称:字符串; 值:字符串; } 函数 CreateForm({ 类别 }: { 类别:

回答 1 投票 0

使用 Remix.run 上传文件:文件对象在操作中变成字符串

我正在开发一个 Remix 应用程序,用户可以通过表单上传文件。我有一个用于表单提交的处理程序函数,它获取表单数据(包括文件附件)并将其发布到...

回答 1 投票 0

vue FormData.entries 未由提交提供

我有一个带有表单的小型 Vue 应用程序,只有一个 和 。 使用案例:输入“myname”并提交。 初始化新的 FormData()... 我有一个带有 form 的小 Vue 应用程序,并且只有一个 <input name"surname"> 和 <button type="submit">。 使用案例:输入“myname”并提交。 初始化 new FormData() 上传的表单没有条目。 // template.html <form @submit.prevent="handleFormSubmit"> <input type="text" name="surname" /> <button type="submit">Save</button> </form> // form.ts ... import tpl from "./template.html" export default defineComponent({ template: tpl, ... methods: { handleFormSubmit(event:SubmitEvent) { console.log(event.target); // log: <form>...</form> console.log(event.target.querySelector('input').value); // log: myname const formData = new FormData(event.target); console.log([...formData.entries()]) // log: [] } } }) 为什么new FormData(event.target)无法捕获我输入的值? 好吧,解决办法就是用 Object.fromEntries(formData) 代替 formData.entries()

回答 1 投票 0

如何使用 JSON 和文件发送“表单数据”请求

我有一个请求,需要通过 python.requests 进行迁移。它看起来像这样: ------WebKitFormBoundarSomeBoundary 内容处置:表单数据;名称=“输入”;文件名=“斑点”

回答 1 投票 0

使用 javascript 解析 formdata 对象

我的公司使用调解应用程序服务器,其中服务器端程序是用javascript(而不是node.js)编写的。这是一个非常初始的事情,支持不是很好 现在这是我的

回答 3 投票 0

为什么我的表单数据在我的 POST 请求中作为 application/json 发送,为什么它返回 Bad Request 错误?

我有一个在数据库中添加酒店的表格。我正在使用反应钩子形式。在表单中,我也要求图像作为输入。提交表单后,表单中的数据将转换为表单...

回答 1 投票 0

从formData获取图像缓冲区

我正在使用服务器操作并集成一些所见即所得文本编辑器(ReactQuill)使用 Next 14 制作表单。我在服务器端获取表单值,但我不知道如何获取缓冲区值...

回答 1 投票 0

在打字稿天蓝色函数中使用 HTTP 表单数据

目前我正在开发一个用打字稿编写的天蓝色函数。 该函数应该能够处理通过 POST 请求接收到的表单数据。在此请求中,将发送文件和文本。嗬...

回答 1 投票 0

TypeError:FormData 解析错误缺少最终边界

最近,我将一个Next.js项目从node迁移到bun。不幸的是,我在尝试解析表单数据时收到此错误: 14 | 14 const POST = 异步(请求)=>{ 15 | 15尝试 { 16 | 16合作...

回答 1 投票 0

如何使用 formData 对文本字段行进行分组

我目前在创建可以使用表单数据进行分组的表单时遇到问题。 我有这个表格: ... 我目前在创建可以使用表单数据进行分组的表单时遇到问题。 我有这个表格: <form action={formAction} className="flex flex-col w-full justify-around"> <div className="relative"> <Options data={activeUsers.users} name="user" id="user" display1="firstName" display2="lastName" label="Employee" htmlFor="user" hideLabel={false} /> <table className="mt-5"> <thead> <tr> <th>Success Indicator</th> <th>MOV</th> <th>Aspect Of Work</th> </tr> </thead> <tbody> {inputRows.map((item: any, i: number) => ( <tr key={i}> <td> <input type="text" id="mov" name={`test[${i}]`} placeholder="MOV" className="rounded-lg py-1 px-1 m-2 text-black" required /> </td> <td> <input type="text" id="aspects_of_work" name={`test[${i}]`} placeholder="Aspect of work" className="rounded-lg py-1 px-1 m-2 text-black" required /> </td> </tr> ))} </tbody> </table> <SubmitBtn /> </div> <p role="status">{state?.message}</p> </form> 我期待这样的表单数据: { user: 1, test: [ { mov: value here, aspects_of_work: value here }, { mov: value here, aspects_of_work: value here } ] } im assuming that the property name is coming from the id property 相反,我得到了这个: { name: 'user', value: '1' }, { name: 'test[0]', value: '5' }, { name: 'test[0]', value: 'qwe' }, { name: 'test[0]', value: 'ewq' }, { name: 'test[1]', value: '27' }, { name: 'test[1]', value: 'rrr' }, { name: 'test[1]', value: 'rrr' } 我想知道是否必须使用 formdata API 手动执行此操作,还是应该自动执行此操作。我知道 Rails erb 会这样做,但我不确定是否应该采用相同的方式。 我正在 NEXTJS 上使用这个。 正如我一直在寻找的那样。没有真正的方法可以在 FormData 中对相同的命名属性进行分组,因为它将根据文档转换为字符串https://developer.mozilla.org/en-US/docs/Web/API/FormData/append。 我要做的是自行操作 formData,但我必须设置字段的名称。 name 属性的值为 STTRING-INDEX 以供稍后使用。 {inputRows.map((item: any, i: number) => ( <tr key={i}> <td> <Options data={sI.successIndicators} name={`successIndicator-${i}`} <--- string - index id="successIndicator" htmlFor="successIndicator" display1="major_final_output" display2="title" label="Success Indicator" hideLabel={true} /> </td> <td> <input type="text" name={`mov-${i}`} <--- string - index id="mov" placeholder="MOV" className="rounded-lg py-1 px-1 m-2 text-black" required /> </td> <td> <input type="text" name={`aspects_of_work-${i}`} <--- string - index id="aspects_of_work" placeholder="Aspect of work" className="rounded-lg py-1 px-1 m-2 text-black" required /> </td> </tr> ))} 创建所需输出的逻辑: export async function submitNewAspect(prevState: any, formData: FormData) { const newFormData = new Map(); const aspectData: Array<Map<string, string>> = []; newFormData.set('aspects', aspectData); newFormData.set('user', formData.get('user')) for (const [key, value] of formData) { if (key === 'user' || key.startsWith('$')) continue; // skip user and nextjs prop const [name, index] = key.split('-'); if (aspectData[Number(index)]) { aspectData[Number(index)].set(name, `${value}`) } else { aspectData[Number(index)] = new Map([[name, `${value}`]]); } } console.log(Object.fromEntries(newFormData)) } 数据之前: FormData { [Symbol(state)]: [ { name: 'user', value: '2' }, { name: 'successIndicator-0', value: '5' }, { name: 'mov-0', value: 'eqw' }, { name: 'aspects_of_work-0', value: 'qwe' }, { name: 'successIndicator-1', value: '25' }, { name: 'mov-1', value: 'qwe' }, { name: 'aspects_of_work-1', value: 'qwe' } ] } 数据后: { aspects: [ Map(3) { 'successIndicator' => '5', 'mov' => 'eqw', 'aspects_of_work' => 'qwe' }, Map(3) { 'successIndicator' => '25', 'mov' => 'qwe', 'aspects_of_work' => 'qwe' } ], user: '2' } 这样做的缺点是在每个方面我都必须循环将每个方面转换为Object.fromEntries

回答 1 投票 0

Post FormData 在 Heroku 上使用 Multer - 503 获取空“req.files”

我必须从客户端-->服务器1上传文件,然后从服务器1-->服务器2上传文件。 注意:我知道我不应该将文件存储在heroku中,但实际上我不需要 存储文件,我只需要它

回答 2 投票 0

在FormData节点JS中发送图片文件以错误结束

这是我的节点 JS 脚本中的函数: const uploadFile = async () => { const buffer = fs.readFileSync('scripts/pose.png') const formData = new FormData() formData.append('文件', buffe...

回答 1 投票 0

如何在flutter中使用表单数据制作http post?

我正在尝试执行 http post 请求,我需要将正文指定为表单数据,因为服务器不将请求视为原始请求。 这就是我正在做的: 导入'dart:转换'; 导入'包:

回答 11 投票 0

当存在多个同名的表单元素时,如何创建基于对象的表单数据?

我正在尝试用 vanilla JS 编写一个 form_to_json 序列化函数以创建有效的 JSON。 但我坚持解析多个输入,所有输入都具有相同的名称。 这是我现在的

回答 2 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.