开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

错误TypeError:未能构造“FormData”：参数%1不是“HTMLFormElement”类型

这个错误是由于在构造FormData对象时，传入的参数不是一个有效的HTMLFormElement类型引起的。FormData对象用于创建表单数据，以便通过AJAX请求将其发送到服务器。

解决这个错误的方法是确保传入的参数是一个有效的HTMLFormElement类型。以下是一些可能导致此错误的常见原因和解决方法：

确保传入的参数是一个有效的表单元素：
- 检查传入的参数是否是一个有效的HTMLFormElement对象。
- 确保表单元素的选择器或引用正确，并且在构造FormData对象之前已经正确获取到了表单元素。

确保表单元素存在：
- 检查页面上是否存在具有正确ID或选择器的表单元素。
- 确保在构造FormData对象之前，表单元素已经被正确加载和渲染。
确保代码执行顺序正确：
- 确保在构造FormData对象之前，所有必要的代码已经执行完毕，包括表单元素的加载和渲染。
- 检查代码中是否存在异步操作，可能导致表单元素还未完全加载就尝试构造FormData对象。

如果以上方法都无法解决问题，可以考虑以下可能的替代方案：

使用其他方法传输表单数据：如果FormData对象无法正常工作，可以尝试使用其他方法来传输表单数据，例如手动构建JSON对象或使用URLSearchParams对象。
检查浏览器兼容性：某些浏览器可能对FormData对象的支持有所不同，可以检查浏览器的兼容性列表，确保所使用的浏览器支持该功能。

腾讯云相关产品和产品介绍链接地址：

腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
腾讯云云原生容器服务（TKE）：https://cloud.tencent.com/product/tke
腾讯云人工智能（AI）：https://cloud.tencent.com/product/ai
腾讯云物联网（IoT）：https://cloud.tencent.com/product/iot
腾讯云移动开发（移动推送、移动分析等）：https://cloud.tencent.com/product/mobile
腾讯云数据库（MySQL、MongoDB等）：https://cloud.tencent.com/product/cdb
腾讯云区块链（BCS）：https://cloud.tencent.com/product/bcs
腾讯云音视频处理（VOD）：https://cloud.tencent.com/product/vod
腾讯云网络安全（DDoS防护、Web应用防火墙等）：https://cloud.tencent.com/product/ddos

相关搜索:TypeError:未能对“FileReader”执行“readAsDataURL”：参数%1不是“Blob”类型 TypeError:未能对“EventTarget”执行“dispatchEvent”：参数%1不是“Event”类型未捕获范围:未能对‘TypeError’执行'selectNode‘：参数1不是'Node’类型 TypeError:未能对“Node”执行“”appendChild“”：参数1不是“Node”类型。“”Arcgis 4.13 未捕获元素:未能对“IntersectionObserver”执行“”TypeError“”：参数%1不是“Element”类型“”未捕获TypeError:未能在“Node”上执行“”appendChild“”：参数%1不是“Node”类型。“”未能对“MutationObserver”执行“”observe“”：参数%1不是“Node”类型“React Native:未能对‘FormData’执行'append‘：参数2不是'Blob’类型。在新的ApolloError TypeError：'NoneType‘类型的参数不是可迭代错误未能对“MutationObserver”执行“observe”：参数%1不是“Node”类型。select2()未捕获TypeError：...不是构造函数类型脚本模块导入错误未能在“Node”上执行“removeChild”：参数%1不是“Node”类型。在生成时 Aurelia-testing:未能在“”Node“”上执行“”replaceChild“”：参数1不是“”Node“”类型错误：“x”不是x是构造函数参数的类型 Angularjs :未捕获TypeError:无法对‘FileReader’执行'readAsDataURL‘：参数1不是'Blob’类型 getElementByID + .appendhild() [TypeError:无法在‘Node’上执行'appendChild‘：参数1不是’Node‘类型。]tf.keras.layers.Reshape上出现错误。TypeError:超级()参数%1必须是类型，而不是函数错误消息无法在“Node”上执行“appendChild”：参数%1不是“Node”类型下面是错误堆栈: TypeError: XXX_1.Foo不是一个构造函数，因为运行时(编译良好)TypeError:无效参数，不是字符串或列：[79，-1，-1]类型的列文字使用'lit‘'array’'struct‘或'create_map’

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

XMLHttpRequest2-FormData上传文件方法封装及进度条的实现

版权声明：本文为吴孔云博客原创文章，转载请注明出处并带上链接，谢谢。 https://blog.csdn.net/wkyseo/article/details/51240496

05

Ajax简单实现文件异步上传的多种方法

void append(DOMString name, DOMString value)

02

DOMString、Document、FormData、Blob、File、ArrayBuffer （转）

我大学那会儿，一个称为Ajax的东西对前端行业造成了深远影响，不仅是JS语言，而包括前端地位、职位兴起以及工作分工等。抛开IE6浏览器不谈，其他浏览器的Ajax实际上都是借助XMLHttpRequest实现的。

03

通过JavaScript用一些键值对来模拟表单控件

利用FormData对象，我们可以通过JavaScript用一些键值对来模拟一系列表单控件，我们还可以使用XMLHttpRequest的send()方法来异步的提交这个”表单”。比起普通的ajax, 使用FormData的最大优点就是我们可以异步上传一个二进制文件。语法：

00

scrapy爬虫:scrapy.FormRequest中formdata参数详解

在网页爬取的时候，有时候会使用scrapy.FormRequest向目标网站提交数据（表单提交）。参照scrapy官方文档的标准写法是：

02

Next.js 14 的更新

如在 Next.js Conf 中宣布的，Next.js 14 版本更加专注于以下方面：

02

跟我一起探索 HTTP-Fetch API

Fetch API 提供了一个获取资源的接口（包括跨网络通信）。对于任何使用过 XMLHttpRequest 的人都能轻松上手，而且新的 API 提供了更强大和灵活的功能集。

03

React报错之Parameter 'event' implicitly has an 'any' type

当我们不在事件处理函数中为事件声明类型时，会产生"Parameter 'event' implicitly has an 'any' type"错误。为了解决该错误，显示地为event参数声明类型。比如说，在input元素上，将处理change事件声明类型为React.ChangeEvent<HTMLInputElement> 。

02

【资讯】1851- Next.js 14 正式发布，更快、更强、更可靠！

自 Next.js 13 以来，Next 团队一直致力于提高 Next.js 中 Pages 和 App Router 的本地开发性能。

04

Fetch开发指南

在 Web 应用中，JavaScript 通过 XMLHttpRequest (XHR)来执行异步请求，这是一种有效改进页面通信的技术，当我们谈及Ajax技术的时候，通常意思就是基于 XMLHttpRequest 的 Ajax。虽说 Ajax 很有用，但它不是最佳 API，它在设计上不符合职责分离原则，将输入、输出和用事件来跟踪的状态混杂在一个对象里。而且，基于事件的模型与现在 JavaScript 流行的 Promise 以及基于生成器的异步编程模型相背驰。本文将要介绍的内容则是XMLHttpReques

全面分析前端的网络请求方式

这种交互的的缺陷是显而易见的，任何和服务器的交互都需要刷新页面，用户体验非常差， Ajax的出现解决了这个问题。 Ajax全称 AsynchronousJavaScript+XML（异步 JavaScript和 XML）

04

FormData 对象的使用

FormData对象用以将数据编译成键值对，以便用XMLHttpRequest来发送数据。其主要用于发送表单数据，但亦可用于发送带键数据(keyed data)，而独立于表单使用。如果表单enctype属性设为multipart/form-data ，则会使用表单的submit()方法来发送数据，从而，发送数据具有同样形式。

02

base64编码图片数据存储服务器

我在刚开始接触base64编码图片数据时，就是把base64编码图片数据传到后台来解码生成图片。导致生成的图片无法打开，后来才发现其实传到后台的base64编码根本就不完整，导致解码出现问题，无法显示图片。所以，base64编码只能在前端处理。

02

wtforms

简介 WTForms是一个支持多个web框架的form组件，主要用于对用户请求数据进行验证。安装： ? 1 pip3 install wtforms 用户登录注册示例 1.用户登录当用户登录时

07

python fillna函数_python中dropna函数

我正在尝试在datetime64 [ns]类型的列上运行fillna.当我运行类似的东西：

02

Form 表单数据编码、解码--encodeURIComponent、URLSearchParams、FormData

本文主要讲解，通过 web api 来处理各种参数问题，防止产生安全问题，以及更便利的操作。

02

Form 表单数据编码、解码--encodeURIComponent、URLSearchParams、FormData

本文主要讲解，通过 web api 来处理各种参数问题，防止产生安全问题，以及更便利的操作。

01

JavaScript 新手的踩坑日记

在1995年5月，Eich 大神在10天内就写出了第一个脚本语言的版本，JavaScript 的第一个代号是 Mocha，Marc Andreesen 起的这个名字。由于商标问题以及很多产品已经使用了 Live 的前缀，网景市场部将它改名为 LiveScript。在1995年11月底，Navigator 2.0B3 发行，其中包含了该语言的原型，这个版本相比之前没有什么大的变化。在1995年12月初，Java 语言发展壮大，Sun 把 Java 的商标授权给了网景。这个语言被再次改名，变成了最终的名字——JavaScript。在之后的1997年1月，标准化以后，就成为现在的 ECMAScript。

01

Python3 错误和异常

异常处理机制概述：异常处理，是编程语言或计算机硬件里的一种机制，用于处理软件或信息系统中出现的异常状况（即超出程序正常执行流程的某些特殊条件）。通过异常处理，我们可以对用户在程序中的非法输入进行控制和提示，以防程序崩溃。就好比一个旅游景点，每到一个有可能出现问题情况的地方就会设置一个处理问题的处理点，不同的问题有不同的处理点，例如花粉过敏有花粉过敏的处理点，摔伤有摔伤的处理点等。程序也是如此会出现各种各样的错误，同理不同的异常错误有不同的异常错误处理方法。各种编程语言在处理异常方面具有非常显著的不同点（错误检测与异常处理区别在于：错误检测是在正常的程序流中，处理不可预见问题的代码，例如一个调用操作未能成功结束）。某些编程语言有这样的函数：当输入存在非法数据时不能被安全地调用，或者返回值不能与异常进行有效的区别。例如，C语言中的atoi函数（ASCII串到整数的转换）在输入非法时可以返回0。在这种情况下编程者需要另外进行错误检测（可能通过某些辅助全局变量如C的errno），或进行输入检验（如通过正则表达式），或者共同使用这两种方法。在python中我们可以通过try-except语句来捕捉异常，语法错误的话开发工具都会有提示的。

01

JS 实现远程上传图片功能

链接：https://pan.baidu.com/s/1madY5nhPyUcrgWmEhV7uQg 提取码：8or7 复制这段内容后打开百度网盘手机App，操作更方便哦

02

【已解决】Python解决TypeError: init() missing 1 required positional argument: ‘comment‘报错

在Python中，TypeError通常发生在函数或构造函数调用时参数不匹配的情况下。特别是，TypeError: init() missing 1 required positional argument: 'comment’这个错误表明在创建某个类的实例时，构造函数__init__()缺少了一个必需的位置参数comment。这种情况通常发生在定义类时，构造函数需要接收一个或多个参数，但在创建类的实例时没有提供足够的参数。

01

Python 基础问题大全

Python现在依托大数据，AI人工智能等等这些最火的项目，俨然已经成为了当下最火的一门编程语言之一。所以，近来也是有非常非常多的工程师来进修python这么语言。但是实际上，对于0代码基础的小伙伴们而言，学习基础语法的时候，还是会或多或少的出现一些错误。那么，本文就来概括一下，在基础阶段，犯错比较多的问题。

02

你知道 JavaScript 中的错误对象有哪些类型吗？

每当 JavaScript 中发生任何运行时错误时，都会引发Error对象。在许多情况下，我们还可以扩展这些标准Error对象，以创建我们自己的自定义Error对象。

02

如何使用FormData上传压缩裁剪后的图片Blob对象

在前端页面，我们通常会遇到需要用户上传图片的操作，可能还会在前端进行图片编辑的操作（比如头像的选区裁剪），然后如果图片过大的话，我们还会对图片进行压缩。这些功能我们通常通过Canvas来进行，最后使用Canvas API函数toDataURL来得到图片的Base64字符串，然后当我们要上传到后台的时候，会面临2种选择：

03

cropperjs图片裁剪及数据提交文件流互相转换详解

cropperjs的主要功能是图片裁剪，是一款前端常用的的图片裁剪工具，可根据相关api配置裁剪出符合自己业务需要的图片，具体使用如下：

01

前端处理图片上传的几种方式

在用html5实现图片预览功能这篇文章中只是介绍了图片上传过程中预览的实现，那关于图片上传有哪几种方式呢？

06

JavaScript（六）：错误处理机制

1.Error()构造函数 javascript解析或执行语句时，一旦发生错误，js引擎会将其抛出！ JavaScript原生提供了Error()构造函数，所有抛出的错误都是这个构造函数的实例（即对象

08

JS 常见报错及异常处理办法总结

在开发中，有时，我们花了几个小时写的js 代码，在浏览器调试一看，控制台一堆红……瞬间一万头草泥马奔腾而来。

02

RxDB 异常机制

RxDB 是一个由 JavaScript 实现，拥有响应式，离线优先等特性的数据库。它拥有以下特性：

01

JavaScript 新手的踩坑日记

在1995年5月，Eich 大神在10天内就写出了第一个脚本语言的版本，JavaScript 的第一个代号是 Mocha，Marc Andreesen 起的这个名字。由于商标问题以及很多产品已经使用了 Live 的前缀，网景市场部将它改名为 LiveScript。在1995年11月底，Navigator 2.0B3 发行，其中包含了该语言的原型，这个版本相比之前没有什么大的变化。在1995年12月初，Java 语言发展壮大，Sun 把 Java 的商标授权给了网景。这个语言被再次改名，变成了最终的名字——JavaScript。在之后的1997年1月，标准化以后，就成为现在的 ECMAScript。

02

大话 JavaScript（Speaking JavaScript）：第六章到第十章

JavaScript 花了很长时间才产生影响。许多与 JavaScript 相关的技术存在了一段时间，直到它们被主流发现。本节描述了从 JavaScript 的创建到今天发生的事情。在整个过程中，只提到了最受欢迎的项目，而忽略了许多项目，即使它们是第一个。例如，列出了 Dojo Toolkit，但也有较少人知道的qooxdoo，它是在同一时间创建的。还列出了 Node.js，尽管Jaxer在它之前就存在：

01

1000多个项目中的十大JavaScript错误以及如何避免

通过统计数据库中的1000多个项目，我们发现在 JavaScript 中最常出现的错误有10个。下面会向大家介绍这些错误发生的原因以及如何防止。

03

浅析 FormData

在日常开发中都是使用公司内部封装好的 request，一直没太注意请求参数类型，源于一次常规需求，服务端提出：之前的请求参数有问题，需要调整，经过排查后发现之前的 Request Headers 的 Content-Type 字段值为 application/json ，与服务端解码规则不同，可见这篇文章《SpringBoot 是如何解析参数的 (https://juejin.cn/post/6844903841775747079)》，需要更改为 multipart/form-data，配合改完后，问题解决，也顺便总结一下。

01

JS常见的报错及异常捕获

在开发中，有时，我们花了几个小时写的Js 代码，在游览器调试一看，控制台一堆红，瞬间一万头草泥马奔腾而来。

03

Flask之wtforms

WTForms是一个支持多个web框架的form组件，主要用于对用户请求数据进行验证。

05

Flask之WTForms

WTForms是一个支持多个web框架的form组件，主要用于对用户请求数据进行验证。

03

Flask之wtforms

WTForms是一个支持多个web框架的form组件，主要用于对用户请求数据进行验证。

03

1000多个项目中的十大JavaScript错误以及如何避免

通过统计数据库中的1000多个项目，我们发现在 JavaScript 中最常出现的错误有10个。下面会向大家介绍这些错误发生的原因以及如何防止。对于这些错误发生的次数，我们是通过收集的数据统计得出的

04

Next.js高级表单处理：整合Server Actions、FormData、react-hook-form和zod

在现代Web开发中，表单处理一直是一个复杂而重要的话题。随着Next.js 13引入Server Actions，以及react-hook-form和zod等库的流行，我们有了更强大的工具来构建高效、类型安全且用户友好的表单。本文将深入探讨如何结合这些技术，创建一个强大的表单处理解决方案。

01

fetch api 浅谈

作者：巫枫 fetch api浅谈作为传说中的xhr替代品，现在fetch api已经被开始在一些前端项目中使用了，比如阿里的一些产品已经将jq的ajax模块切换到fetch下了。个人感觉fetc

00

FormData使用方法详解

张培跃 ID：laozhangsishu 不止于前端关注 FormData的主要用途有两个： 1、将form表单元素的name与value进行组合，实现表单数据的序列化，从而减少表单元素的拼接，提高工作效率。 2、异步上传文件一、创建formData对象 1、创建一个空对象： //通过FormData构造函数创建一个空对象 var formdata=new FormData(); //可以通过append()方法来追加数据 formdata.append("name","laotie");

03

php 抛出异常使用场景

注释：异常应该仅仅在错误情况下使用，而不应该用于在一个指定的点跳转到代码的另一个位置。

03

Python中的encode与decode，详解字符串与字节对象之间的转换

TypeError: can't use a string pattern on a bytes-like object

03

一文了解文件上传全过程（项目中碰到的难点）

平常在写业务的时候常常会用的到的是 GET, POST请求去请求接口，GET 相关的接口会比较容易基本不会出错，而对于 POST中常用的表单提交，JSON提交也比较容易，但是对于文件上传呢？大家可能对这个步骤会比较害怕，因为可能大家对它并不是怎么熟悉，而浏览器Network对它也没有详细的进行记录，因此它成为了我们心中的一根刺，我们老是无法确定，关于文件上传到底是我写的有问题呢？还是后端有问题，当然，我们一般都比较谦虚，总是会在自己身上找原因，可是往往实事呢？可能就出在后端身上，可能是他接受写的有问题，导致你换了各种请求库去尝试，axios，request，fetch 等等。那么我们如何避免这种情况呢？我们自身要对这一块够熟悉，才能不以猜的方式去写代码。如果你觉得我以上说的你有同感，那么你阅读完这篇文章你将收获自信，你将不会质疑自己，不会以猜的方式去写代码。

03

AJAX 与跨域通信（一）：AJAX

在远古时代，如果浏览器需要从服务器请求资源，其交互模式为 “客户端发出请求 -> 服务端接收请求并返回相应 HTML 文档 -> 页面刷新，客户端加载新的 HTML文档”，很显然，在这种情况下，即使只是为了更新部分数据，我们也不得不重新加载整个重绘的页面。而 AJAX 的出现解决了这个问题。

02

如何合理构造一个Uploader工具类(设计到实现)

本文将带你基于ES6的面向对象，脱离框架使用原生JS，从设计到代码实现一个Uploader基础类，再到实际投入使用。通过本文，你可以了解到一般情况下根据需求是如何合理构造出一个工具类lib。

01

JavaScript中的错误处理机制

在写代码的时候，避免不了遇到各种各样的错误，遇到错误，BUG，我们需要尽快的解决，才能不拖累工作的进度，我们一般都会百度错误如何解决，但是遇到一些针对性错误以及百度方法不管用的情况下，就需要了解错误处理机制了。

03

解决Spring框架文件上传问题：修复MultipartException异常导致的常见错误

嘿，我是猫头虎博主，今天我们要探讨一个让开发者们头疼的问题 —— MultipartException。这个问题通常出现在我们尝试上传文件时，但我们的请求没有按照预期的多部分格式发送。别担心，我们会一步步分解这个问题，并且给出解决方案。让我们一起学习如何确保我们的请求是多部分的，就像专家一样处理这些棘手的问题！

01

parse() got an unexpected keyword argument 'transport_encoding'

在开发过程中，我们经常会遇到各种各样的错误和异常。其中一个常见的错误是TypeError: parse() got an unexpected keyword argument 'transport_encoding'。这个错误通常在使用Python的解析库时出现，本文将介绍这个问题的原因，并提供解决方法。

01

Web文件上传方法总结大全

文件上传在WEB开发中应用很广泛，我们经常发微博、发微信朋友圈都用到了图片上传功能。

01

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭