FormData控制台打印为空及使用方法

做数据交互,把数据添加到FormData后,用console.log打印,结果却是空的,后来看了一下数据库里面,
数据可以被添加进去,查阅百度之后,得知

FormData是一种特殊类型的对象,它不可字符串化,不能仅使用console.log打印出来。

如需要打印FormData中的某一条数据可以这样

<table>
   
        <tr>
          <td>商品名称</td>
          <td>
          <input type="text" v-model="name">
          </td>
        </tr>

         <tr>
          <td>价格</td>
          <td>
          <input type="text" v-model="price">
          </td>
        </tr>

          <td>
      //这个按钮是我用的一个样式插件
            <Button @click="submit">添加商品</Button>
          </td>
      </table>




 let data = new FormData()
      data.append('name',this.name)
      data.append('price',this.price)
      //根据name来访问表单中的字段
      console.log('这个数据',data.get("name"))

跟厉害的解答链接 https://www.cnblogs.com/gxp69/p/12192440.html

上一篇:Canvas保存图片到七牛云


下一篇:H5拖放+FormData接口+NodeJS,完整异步文件上传(一)