FormData是一个JavaScript对象接口,旨在更轻松地在Ajax中构建multipart / form-data。
如何在FormData中获得多个复选框值? 我的html表单具有多个复选框,具有相同的名称属性:
name属性: <form id='cheese-selector'> <input type="checkbox" name="cheese" id="limburger" value="Limburger">Limburger</input> <input type="checkbox" name="cheese" id="camembert" value="Camembert">Camembert</input> <input type="checkbox" name="cheese" id="roquefort" value="Roquefort">Roquefort</input> <input type="submit" id="pick-cheese">Pick My Cheese!</input> </form> 我是通过Ajax提交的。当我做一个FormData对象时,即使我检查了多个: $('#limburger').click() $('#camembert').click() console.log(FormData(this).get('cheese')) // 'Limburger' 我如何将所有检查值编码为一个数组? 请参阅Mdn: FormData接口的GET()方法从FormData对象内部返回与给定键关联的第一个值。如果您期望多个值并需要所有值,请改用getall()方法。 在评论中对所接受的答案进行讨论,FormData方法如果未检查复选框输入,则不会返回复选框输入。 对于FormData,entries()和getAll()。 keys()如果未检查名称,也将返回false。如果消费者没有对表单架构的引用,则has()将不会返回任何未检查的复选框输入名称。 解决此问题的方法是添加与复选框组相同的名称的FormData。这将可靠地确保存在字段密钥。
const formData = new FormData() formdata.append('选择',[1,2,3]) 选择转换为 '1,2,3' 并且将其发送到节点JS,该节点JS失败了ZOD阀门,因为它预期了数组。这也是...
我正在尝试使用 FormData 通过 jQuery ajax 请求上传文件。当我将 processData 和 contentType 设置为 false 时,收到错误“Forbidden”(CSRF 令牌丢失)。当我删除那些时,我...
我正在使用 fastify-multer 和 JSON Schema 提交可能包含文件的多部分表单数据。无论我做什么,Fastify 总是给我一个错误的响应错误: { “状态代码”:400, ...
在 ASP .NET Core MVC 中通过 Ajax 提交表单(自定义对象不是 FormData)
我尝试通过 Ajax 调用提交表单数据,而不是传递 FormData,而是在 Ajax 调用中传递自定义对象。 这是我的 ajax 调用: 函数提交数据(){ 让 isValid = ...
我正在使用NextJS应用程序路由器和shadcn/ui(使用react-hook-form和zod)。 在我见过的所有代码示例中,表单操作接收 formData。但根据我的经验, formData 可能并不总是
使用 FormData Javascript 发送布尔值 - Vuejs + Laravel 应用程序
我正在尝试通过 Axios 库提交 FormData javascript 对象,但无法使其工作,因为有一个布尔字段(is_active)必须以布尔值和 FormData 对象的形式访问我的 api...
“使用多个文件和字段对 formData 进行反应,但未根据 PUT 请求进行更新”
我正在 React 中构建一个管理面板,管理员可以在其中编辑指南。编辑表单包含以下字段: 标题(文字输入) 内容(段落数组) 图片(文件上传或 URL) 我使用 FormD...
我有一个图像缓冲区,例如: 我有一个图像缓冲区,例如: <Buffer ff d8 ff e0 00 10 4a 46 49 46 00 01 01 00 00 01 00 01 00 00 ff db 00 43 00 04 03 03 03 03 02 04 03 03 03 04 04 04 05 06 0a 06 06 05 05 06 0c 08 09 07 ... 231835 more bytes> 我已经从 npm 安装了表单数据模块。 我需要将此图像文件作为表单数据发送,我尝试过: const form = new FormData(); form.append("image", buffer, { filename: "london.jpg" }); 但是没有成功,我该如何解决这个问题? 我终于找到了使用请求模块解决问题的方法。 https://www.npmjs.com/package/request request.post({ url, formData: { image: { value: file.buffer, // Give your node.js buffer to here options: { filename: file.originalname, // filename contentType: file.mimetype // file content-type } } } },(error, http_response, body) => { }); 您已识别文件名,但未识别内容类型。你两者都需要: form.append("image", buffer, { filename: "london.jpg", contentType: "image/jpg" }); 请参阅我的回答此处了解更多详细信息。
使用 Blob、Buffer、BinaryString 附加表单数据(后端 NodeJS)
是否有任何方法或任何支持的表单数据包将表单数据附加到 Buffer、BinaryString 或 Blob 对象,并通过 API 使用内容类型 multipart/form-data 请求它(它是一个服务器...
如何解决使用表单数据时source.on is not a function?
我的代码是这样的: const axios = require('axios').default 从“表单数据”导入表单数据 从 'fs' 导入 fs 导出默认类 MyController { 公共异步handleMultipleFile({请求}:
在函数内部,我想获取表单数据文件。 我无法在 API 请求中使用表单文件。 [Lambda函数()] [HttpApi(LambdaHttpMethod.Post, "/create")] 公共异步任务 在函数内部,我想获取表单数据文件。 我无法在API请求中使用表单文件。 [LambdaFunction()] [HttpApi(LambdaHttpMethod.Post, "/create")] public async Task<IActionResult> AddEntity() { try { return new OkObjectResult(new { message = "data added" }); } catch (Exception ex) { throw; } } AWS Lambda 不直接支持 IFormFile。相反,使用 APIGatewayHttpApiV2ProxyRequest 访问原始多部分/表单数据负载,并使用 HttpMultipartParser 等库对其进行解析。这是基本设置: [LambdaFunction()] [HttpApi(LambdaHttpMethod.Post, "/create")] public async Task<IActionResult> AddEntity([FromBody] APIGatewayHttpApiV2ProxyRequest request) { var contentType = request.Headers["content-type"]; if (contentType.Contains("multipart/form-data")) { var formData = ParseMultipartFormData(request.Body, contentType); var fileContent = formData["file"]; // Process file here } return Ok(new { message = "Data added successfully" }); } 使用Postman等工具发送多部分/表单数据
在函数内部,我想获取表单数据文件 我无法在 api 请求中使用表单文件 [Lambda函数()] [HttpApi(LambdaHttpMethod.Post,“/create”)] 公共异步任务 在函数内部,我想获取表单数据文件 我无法在api请求中使用表单文件 [LambdaFunction()] [HttpApi(LambdaHttpMethod.Post, "/create")] public async Task<IActionResult> AddEntity() { try { return new OkObjectResult(new { message = "data added" }); } catch (Exception ex) { throw; } }``` AWS Lambda 不直接支持 IFormFile。相反,使用 APIGatewayHttpApiV2ProxyRequest 访问原始多部分/表单数据负载,并使用 HttpMultipartParser 等库对其进行解析。这是基本设置: [LambdaFunction()] [HttpApi(LambdaHttpMethod.Post, "/create")] public async Task<IActionResult> AddEntity([FromBody] APIGatewayHttpApiV2ProxyRequest request) { var contentType = request.Headers["content-type"]; if (contentType.Contains("multipart/form-data")) { var formData = ParseMultipartFormData(request.Body, contentType); var fileContent = formData["file"]; // Process file here } return Ok(new { message = "Data added successfully" }); } 使用Postman等工具发送多部分/表单数据
我正在使用Struts2。 我有一个付款页面,例如abc.example.com,我需要重定向到一些常见的 URL,例如 payment.example.com。 在这里,用户重定向到一个公共支付页面,然后你...
如何在 formData 中传递 null 作为值而不是“null”?
const formData = new FormData(); 常量字段 = { title: 预订标题, 图像:图像, 电话号码:电话 ||无效的 }; Object.entries(fields).forEach(([key, value]) => { 为了...
是否可以在 httpClient.post 中发送 FormData 对象数组?
我有一个带有 Java 后端的 Angular 前端应用程序,用户可以在其中选择一个文档,然后保存它。 为此,我一直在从前端向后端发送一个 FormData 对象,而没有...
为什么 javascript FormData 和 PHP 之间的交换不起作用?
我不明白。我有以下 JavaScript 函数,将 blob 对象发送到 PHP 端: 函数createDownloadLink(blob,编码){ fetch('https://localhost:443/process.php', {...
我正在使用Struts2。 我有一个付款页面,例如abc.example.com,我需要重定向到一些常见的 URL,例如 payment.example.com。 在这里,用户重定向到通用支付页面,然后用户