How to pass number from angular to web api when action post asp.net c

ahmed elbarbary

5y3.4k.NET

I work on asp.net core 3.1 web api server side

and angular 7 client side

I work on page make upload to single file and it is ok working but when try to pass Number flag with file uploaded

I face issue I can't pass value of variable selectedOwnerLevel from angular 7 to web api

selectedOwnerLevel: number = 1;

suppose selectedOwnerLevel is have value 1

so How to pass value 1 to web api

on angular 7 client side

public uploadFile = (files,selectowner) => {
const formData = new FormData();
formData.append('file', this.fileToUpload,this.fileToUpload.name);
console.log(this.selectedOwnerLevel); // it have here 5
if(this.selectedOwnerLevel==1)
{
this.http.post('http://localhost:61265/api/DeliverySys/', formData,{ responseType: 'blob' })
.subscribe((response: Blob) => saveAs(response, this.fileToUpload.name + '.xlsx'));
}
}

on html :

class="form-group">
for="file">Choose File
"file"
id="file"
(change)="handleFileInput($event.target.files)">
"button" class="btn btn-success" (click)="uploadFile(files,this.selectedOwnerLevel)">Upload File

on server side web api

[HttpPost, DisableRequestSizeLimit]
public IActionResult Upload(int selectedOwnerLevel)
{
try
{
var DisplayFileName = Request.Form.Files[0];
string fileName = DisplayFileName.FileName.Replace(".xlsx", "-") + Guid.NewGuid().ToString() + ".xlsx";
}
catch (Exception ex)
{
return StatusCode(500, $"Internal server error: {ex}");
}

when debug value of selectedOwnerLevel it display as 0

so please How to display as actual value 1 on angular 7 ?

when do consol.log (this.selectedOwnerLevel) it give me 1 on image below

but it display 0

so How to solve issue please ?

thanks

3 Replies

Know the answer? Post it — somebody with the same question will find it here.

ahmed elbarbary5y ago
when do that on angular client side
this.http.post('http://localhost:61265/api/DeliverySys/?selectedOwnerLevel=' + this.selectedOwnerLevel, formData,{ responseType: 'blob' })
    .subscribe((response: Blob) => saveAs(response, this.fileToUpload.name + '.xlsx'));
}
so web api what will be ??
web api will be as below
[HttpPost, DisableRequestSizeLimit]
        public IActionResult Upload(int selectedOwnerLevel)
        {
            try
            {
                var DisplayFileName = Request.Form.Files[0];
                string fileName = DisplayFileName.FileName.Replace(".xlsx", "-") + Guid.NewGuid().ToString() + ".xlsx";
}
}
or web api as above is wrong
ahmed elbarbary5y ago
thank you for reply
if client side angular will be as you tell above
this.http.post('http://localhost:61265/api/DeliverySys/?selectedOwnerLevel=' + this.selectedOwnerLevel, formData,{ responseType: 'blob' })
    .subscribe((response: Blob) => saveAs(response, this.fileToUpload.name + '.xlsx'));
}
can you tell me what web api will be
meaning can you please tell me what modification will do on web api please ?
Mario Scheeren5y ago
1. this.http.post('http://localhost:61265/api/DeliverySys/?selectedOwnerLevel=' + this.selectedOwnerLevel, formData,{ responseType: 'blob' })
2. .subscribe((response: Blob) => saveAs(response, this.fileToUpload.name + '.xlsx'));
3. }