How to disallow to save file if file is not completly loaded in mvc3 and html5

See more:

C

HTML5

MVC3

I am loading file asyn with HTML5 in MVC3..but if my file is large eg.1gb and after 50% upload i cancel upload or close browser it still save 500mb file in folder location...
how can handle such error at controller side and client side
my code is ...

[HttpPost]
       public ActionResult Upload(object fileToUpload1)
       {


           var fileName = Request.Headers["X-File-Name"];
           var fileSize = Request.Headers["X-File-Size"];
           var fileType = Request.Headers["X-File-Type"];


          Request.SaveAs("D:\\uploadimage\\" + fileName, false);


           if (fileToUpload1 == null)
           {
               return Json(true, JsonRequestBehavior.AllowGet);
           }
           else { return Json(false, JsonRequestBehavior.AllowGet); }

        // return Json(false, JsonRequestBehavior.AllowGet);
       }

Html code

// Uploading - for Firefox, Google Chrome and Safari
                      xhr = new XMLHttpRequest();


                      // Update progress bar
                      xhr.upload.addEventListener("progress", uploadProgress, false);

                      function uploadProgress(evt) {

                          if (evt.lengthComputable) {

                              var percentComplete = Math.round(evt.loaded * 100 / evt.total);


                              //assign value to prgress bar Div
                              var progressBar = document.getElementById("progressBar");

                              progressBar.max = evt.total;
                              progressBar.value = evt.loaded;


                          }
                      }

                      // File load event
                      xhr.upload.addEventListener("load", loadSuccess, false);

                      function loadSuccess(evt) {

                           $(fileParentDivobj).find(".ImgDiv").find("span").html("uploaded");
                          addfile(fileParentDivobj);
                          }

                          //handling error
                          xhr.addEventListener("error", uploadFailed, false);
                          xhr.addEventListener("abort", uploadCanceled, false);

                          function uploadFailed(evt) {
                              alert("There was an error attempting to upload the file.");
                              }

                          function uploadCanceled(evt) {
                                  alert("The upload has been canceled by the user or the browser dropped the connection.");
                              }


                      xhr.open("POST", "@Url.Action("Upload","Home")", true);

                      // Set appropriate headers
                      xhr.setRequestHeader("Cache-Control", "no-cache");
                      xhr.setRequestHeader("X-Requested-With", "XMLHttpRequest");
                      xhr.setRequestHeader("Content-Type", "multipart/form-data");
                      xhr.setRequestHeader("X-File-Name", file.fileName);
                      xhr.setRequestHeader("X-File-Size", file.fileSize);
                      xhr.setRequestHeader("X-File-Type", file.type);
                     xhr.setRequestHeader("X-File", file);

                      // Send the file (doh)
                      xhr.send(file);

i am also add code in web.config for max file allowed..

 <system.web>
   <httpruntime executiontimeout="240" maxrequestlength="2048000" />
</system.web>