Сожмите и загрузите изображение, используя python-flask

var img = $('#img-upload')[0];
    function readURL(input) {
      if (input.files && input.files[0]) {
        var reader = new FileReader();

        reader.onload = function(e) {
          $('#img-upload').attr('src', e.target.result);
          img.onload = function() {
              alert("Image is loaded");
              var MAX_WIDTH = 100;
              var MAX_HEIGHT = 100;
              var width = img.width;
              var height = img.height;

              if (width > height) {
                if (width > MAX_WIDTH) {
                  height *= MAX_WIDTH / width;
                  width = MAX_WIDTH;
                }
              } else {
                if (height > MAX_HEIGHT) {
                  width *= MAX_HEIGHT / height;
                  height = MAX_HEIGHT;
                }
              }

              var canvas = document.createElement("canvas");
              canvas.width = width;
              canvas.height = height;
              canvas.getContext("2d").drawImage(this, 0, 0, width, height);
              var newImageData = canvas.toDataURL('image/png', 30/100);
              var result_image_obj = new Image();
              result_image_obj.src = newImageData;
              console.log(result_image_obj.src);
              console.log("Starting Upload...");

              if (result_image_obj.src == "") {
                  alert("You must load an image and compress it first!");
                  return false;
              }
              var callback= function(response){
                  console.log("image uploaded successfully! :)");
                  console.log(response);          
              }
              $.ajax({
                  url:"/users/api/v1/uploadimage",
                  type:'POST',
                  data:{'image':result_image_obj},
                  cache:false,
                  processData:false,
                  contentType:false,
                  error:function(){
                      console.log("upload error")
                  },
                  success:function(data){
                      console.log(data)
                      console.log("upload success")
                  }
              })
              console.log("Completed Upload...");
          }
        }
        reader.readAsDataURL(input.files[0]);
      }
    }

    $("#imgInp").change(function(){
        readURL(this);
    });

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="form1" action="/updateuser" method="POST" enctype="multipart/form-data">
        <input type='file' id="imgInp"/>
        <img id="img-upload" name="img-upload" src="#"/>
</form>