JSFiddle - React, Tailwind, and code Playground

by suhail

HTML

<form id="form">
  <input type="file" name="video" accept="video/*">
  <input type="text" name="projectId">
  <input type="text" name="title">
  <input type="submit">
</form>

JavaScript

$('#form').on('submit', (e) => {
  e.preventDefault();
  var form = new FormData(document.getElementById("form"));
  fetch("https://us-central1-syf-001.cloudfunctions.net/uploadVideo", {
    method: "POST",
    body: form,
  }).then(function(ajax) {
    if (ajax.status != 200) {
      console.log("Oops! ");
    }
    try {
      return ajax.json();
    } catch (err) {
      console.log(`Some error : ${err}`);
      return;
    }
  }, function(e) {
    console.log("Error submitting form!");
  }).then(function(response) {
    if (response) {
      console.log(response);
      console.log("Recived Response");
    }
  });
})