时间戳

首页 > 解决方案 > 使用 console.log 检查 FormData 对象

javascript - 使用 console.log 检查 FormData 对象

问题描述

我创建了这样创建FormData的对象：

var data = new FormData()
data.append('image', input[0].files[0])
data.append('user', 'hubot')

现在，当我尝试像那样检查它时

console.log(data)

我得到空FormData对象（唯一的属性是__proto__）。没有image和user属性。

标签： javascripthtml

解决方案

您应该遍历条目。FormData是object这样的类型，而不是记录自己，您必须通过get方法获取值或迭代entries。这里是如何。

var data = new FormData()
//data.append('image', input[0].files[0])
data.append('user', 'hubot')
   
for(var pair of data.entries()) {
   console.log(pair[0]+ ', '+ pair[1]); 
}

如果你想一次只获取一个值，你可以通过key

  console.log(data.get('user'));
  // 'hubot'

编辑

扩展语法允许在预期零个或多个参数（对于函数调用）或元素（对于数组字面量）的地方扩展诸如数组表达式或字符串之类的可迭代对象，或者在零个或多个参数的地方扩展对象表达式键值对（用于对象文字）是预期的。更多来自这里。所以如果你想简单地登录

   // console.log(...data);

推荐阅读