html上传文件取消

Question

  <input  class="confirmFont1" type="button" name="cancelUpload" value="取消"/>
var canelBtn=$("input[name=cancelUpload]");
var formData = new FormData();
 document.getElementById("file").files[0];
        formData.append("file", file);
        formData.append("title", title);
        formData.append("artist", artist);
        var xhr = new XMLHttpRequest();
        xhr.upload.addEventListener("progress", uploadProgress, false);
        xhr.addEventListener("load", uploadComplete, false);
        xhr.addEventListener("error", uploadFailed, false);
        xhr.addEventListener("abort", uploadCanceled, false);
        xhr.open("POST", "upload.html");
        xhr.send(formData);

        function cancelUpload() {
            xhr.abort();
        }

        canelBtn.click(function(){
            cancelUpload();
        })

请问点击取消按钮为什么我这个还是没有取消上传,后台还是能接受到文件,应该怎么样才能取消文件上传?

Answer 1

可能是后台预存了文件。
比如你上传文件，后台收到文件信息和大小，就先创建了一个空文件。接到一部分数据流就写一部分数据流追加到文件里面。
你中途停止上传了，后台文件可能没有丢弃。

Answer 2

这个是后台开发应该处理的，捕获到取消异常，然后删除已经存储的部分文件。