js/jq ajax请求上传文件过程中点击取消后重新上传文件，进度条会一直闪

项目中用到了ajax请求，监测文件上传的进度条，但是测试提的bug是点击取消之后在点击上传进度条就会一直闪，查看了半天原因，最后发现当点击取消的时候，上传文件的dialog弹框虽然关了，但是当文件过大的时候ajax请求并没有结束，还在发送请求上传文件，百度发现有一个中断ajax请求的操作，在点击取消按钮的时候中断ajax就好了。

var request = $.ajax({})
 $(".btn").on('click',function () {
            request.abort();
 })