Carica immagine con ajax, HttpPostedFileBase è null Mvc Asp

Question

Devo caricare l'immagine prima che venga inviato il modulo. Quindi ho usato ajax per farlo.

Ecco il mio HelpController:

[HttpPost] 
public void AcceptUpload(HttpPostedFileBase TemporaryForLast, string ReferanceNo) 
{ 
    TemporaryForLast.SaveAs(Server.MapPath("~/Profiles/images/" + ReferanceNo + "/") + "HoldCopy" + ".jpg"); 
} 

Qui è la mia opinione:

<input id="HoldCopy" type="file" name="HoldCopy" accept="image/*"> 

Ans Script:

$("#acceptUpload").click(function() { 
    var formData= new FormData(); 
    var imagefile=document.getElementById("HoldCopy").files[0]; 
    formData.append("imageFile",imageFile); 
    var xhr = new XMLHttpRequest(); 
    xhr.open("POST", "/Help/AcceptUpload", true); 
    xhr.addEventListener("load", function (evt) { UploadComplete(evt); }, false); 
    xhr.addEventListener("error", function (evt) { UploadFailed(evt); }, false); 
    xhr.send(formData); 
}); 

error funzioni vengono aggiornati. Non sto scrivendo qui perché di questo avviso redattore:

It looks like your post is mostly code

Answer 1

View

Invece di Jquery Ajax si potrebbe usare

<script> 
      function SubmitButtonOnclick() 
      { 
       var formData= new FormData(); 
       var imagefile=document.getElementById("imageFile").files[0]; 
       formData.append("imageFile",imageFile); 
       var xhr = new XMLHttpRequest(); 
       xhr.open("POST", "/Help/AcceptUpload", true); 
       xhr.addEventListener("load", function (evt) { UploadComplete(evt); }, false); 
       xhr.addEventListener("error", function (evt) { UploadFailed(evt); }, false); 
       xhr.send(formData); 

      } 

     function UploadComplete(evt) { 
     if (evt.target.status == 200) 
       alert("Logo uploaded successfully."); 

     else 
       alert("Error Uploading File"); 
     } 

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

    } 
</script>