Cloudinary file upload from client using vanilla JS

Cloudinary file upload

var imgPreview = document.getElementById('img-preview');
var fileUpload = document.getElementById('file-upload');

fileUpload.addEventListener('change', function(event){
  url = 'https://api.cloudinary.com/v1_1/<USER_ID>/image/upload';
  uploadPreset = '<UPLOAD_PRESET>';
  file = event.target.files[0];
  fd = new FormData();
  fd.append("upload_preset", uploadPreset);
  fd.append("file", file);
  config = {headers: { "X-Requested-With": "XMLHttpRequest" }};

  axios.post(url, fd, config)
       .then(function(res){
         console.log(res);
       })
       .catch(function(err){
         console.error(err);
       });
});