User-137472927 posted
Hi All,
I have an angular application which has file upload functionality. This angular application uses Post() method of HTTPClient to send file(as FormData object) to C# WebAPI code:
Angular/Typescript code-
if (this.fileList && this.fileList.length > 0) {
let file: File = this.fileList[0];
const formData: FormData = new FormData();
formData.append("fileKey", file, file.name);
let apiURL: string = "http://MyProjectSampleAPI.com/api/UploadFile";
let httpHeaders = new HttpHeaders();
let options= {
headers: httpHeaders,
withCredentials: true
};
return this.httpClient.post(apiURL, formData).map((response) => response)
.catch((err) => this.handleException(err));
C# WebAPI Controller Method code-
[HttpPost]
[Route("api/UploadFile")]
public IHttpActionResult UploadFile()
{
try
{
var httpRequest = HttpContext.Current.Request;
if (httpRequest.Files.Count > 0)
{
foreach (string file in httpRequest.Files)
{
var postedFile = httpRequest.Files[file];
string filePath = ConfigurationManager.AppSettings["DocumentPath"];
postedFile.SaveAs(filePath);
}
}
return true;
}
catch (System.Exception ex)
{
throw ex;
}
}
It hits the C# WebAPI UploadFile method code while debugging but the httpRequest.Files.Count is always 0 and httpRequest.Files does not contain any file due to which it does not execute the upload file code and file is not uploaded on server.
Please advise how can I fix or resolve this issue ASAP.
Regards,
Pratham Jain
