I would like to upload the image in following format how can i get the cropped formdata? about vue-avatar-cropper HOT 5 CLOSED

cropperHandler(cropper) {
  var imgdat = cropper.getCroppedCanvas().toDataURL(this.cropperOutputMime);
  var file = this.dataURLtoFile(imgdat, "test.png");
  let formData = new FormData();
  formData.append("photo", file);
  axios({
    method: "POST",
    url: "/product/testupload/",
    headers: {
      "Content-Type": "multipart/form-data",
      to: "token"
    },
    data: formData
  });
},

dataURLtoFile(dataurl, filename) {
  var arr = dataurl.split(","),
    mime = arr[0].match(/:(.*?);/)[1],
    bstr = atob(arr[1]),
    n = bstr.length,
    u8arr = new Uint8Array(n);

  while (n--) {
    u8arr[n] = bstr.charCodeAt(n);
  }

  return new File([u8arr], filename, { type: mime });
},

cropperAvatarChanged(file, reader) {
console.log(file.name);
}