formData看不到数据的原因

最新推荐文章于 2025-03-05 09:59:32 发布

转载最新推荐文章于 2025-03-05 09:59:32 发布 · 1.6w 阅读

10 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/wylj/p/9077306.html

文章标签：

#javascript #php #json #ViewUI

本文介绍了如何使用 JavaScript 的 FormData 对象来处理文件上传等操作。详细解释了如何通过 document.getElementById 获取文件对象，并将其添加到 FormData 实例中。同时指出了如何正确查看 FormData 中的数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
var form1 = new FormData(); // FormData 对象
form1.append("file", fileObj); // 文件对象
console.log(form1)

最后输出的是空的formData对象，看不到插入的fileObj的内容

经查询，如要查询formData的内容，需用get()，如：

var fileObj = document.getElementById("file").files[0]; // js 获取文件对象
var form1 = new FormData(); // FormData 对象
form1.append("file", fileObj); // 文件对象
console.log(form1.get('file'))