使用axios发送多部分/表单数据

Question

我正在尝试使用axios发送HTML表单详细信息。除了表单中使用的CKEditor文本区域外，所有数据都将提交。其值也不会被存储。其余数据工作正常，可以正确地提交到数据库。

这是我的HTML表单：

    <form id="uploadProducts" enctype="multipart/form-data" method="POST" >
                  <div class="form-group">
                    <label>Name *</label>
                    <input type="text" class="form-control" name="name" id="name" placeholder="Car Name" required>
                  </div>

                  </div>

                  <div class="form-group">
                    <label>Description *</label>
                    <textarea name="editor1" class="form-control" placeholder="Car Availability and Location Description"></textarea required>

                  </div>
</div>
</form>

这是axios的脚本：

    <script>


  CKEDITOR.replace('editor1');

  document.getElementById('uploadProducts').addEventListener('submit', postProducts);


  function postProducts(e){
    e.preventDefault();


    var form = document.getElementById('uploadProducts');

    var data = new FormData(form);

      axios.post('https://one-way-travel.herokuapp.com/cars', data).then(req => {

        console.log('Req done: ', req)
      }).catch(err => {
        console.error('Error: ', err)
    });

    document.getElementById("uploadProducts").reset();

}
</script>