post multipart/form-data menggunakan ajax

<input type="file" name="dok_ktp" class="form-control" onchange="myfunction(this.form,'dok_ktp');">

function myfunction(theForm,field) {
    var formData = new FormData(theForm);
    var ID = $('#IDM').val();
    var _url = admin_url+'profile/dokphoto/'+ID+'/'+field;

    $.ajax({      
      type: 'POST',
      url: _url,
      data: formData,
      xhr: function() {
        var xhr = new window.XMLHttpRequest();
        xhr.upload.addEventListener("progress", function(evt) {
            if (evt.lengthComputable) {
                var percentComplete = (evt.loaded / evt.total) * 100;
                 
                 $('#default-modal-center').modal('show');
                 var $bar = $('.bar');
                 $bar.width(percentComplete*5);
                 $bar.text(percentComplete + "%");
            }
        }, false);
        return xhr;
    },
      success: function (data) {
       // $('#photoid').html(data);
       if(data.status=='sukses'){
        getProfile();
        alert('success','Tersimpan','Data Berhasil');
       }
      },
      cache: false,
      contentType: false,
      processData: false
    })

 
  }