Использование axios для отправки multipart / formdata - PullRequest
Новая
       34

Использование axios для отправки multipart / formdata

0 голосов
/ 27 сентября 2018

Я пытаюсь отправить детали HTML-формы, используя axios.Все данные отправляются за исключением текстовой области 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>
...