image upload

[marinantonio]

image upload

[marinantonio]

Heya @ilos67,
Image upload relies heavily on the backend, mostly where to store image one it's been uploaded. Once you sort that adding upload views on frontend is easy!

[ilos67]

Hi,
My Controller is;
[HttpPost]
[Route("SaveGroupPicture")]
[AllowAnonymous]
public async Task SaveGroupPicture(IFormFile picture)
{
var fileName = Guid.NewGuid().ToString() + Path.GetExtension(picture.FileName);

        var path = Path.Combine(Directory.GetCurrentDirectory(), "wwwroot/mainGroupPictures", fileName);

        using (var stream = new FileStream(path, FileMode.Create))
        {
            await picture.CopyToAsync(stream);
        };
        var result = new
        {
            path = "http://" + Request.Host + "/mainGroupPictures/" + fileName
        };

        return Ok(result);
    }

---

Frontend is;
handleFileInput(file: FileList) {
this.fileData = file.item(0);

var reader = new FileReader();
reader.onload = (event : any) => {
  this.picture = event.target.result;
}
reader.readAsDataURL(this.fileData);

    let formData = new FormData();
formData.append("picture", this.fileData)

   this.mainGroupService.saveMainGroupPicture(formData).subscribe(result => {

 this.picture = result.path;
 console.log(this.picture);
});

}

I couldn't set picture property.

If you could help this, I will be thankfull to you.

Thanks again