angular - 如何以角度 4 从 asp.net web api 加载图像？

Question

我正在从 angular 4 上传图像并将其存储在我的 web api 项目的文件夹中。如何从后端获取这些图像？这是将其存储在下面的 web api 中的代码。

[HttpPost]
    [Route("api/SaveFoodItemImage")]
    [AllowAnonymous]
    public HttpResponseMessage SaveFoodItemImage()
    {
        string imageName = null;
        var httpRequest = HttpContext.Current.Request;         
        var postedFile = httpRequest.Files["Image"];         
        imageName = new String(Path.GetFileNameWithoutExtension(postedFile.FileName).Take(10).ToArray()).Replace(" ", "-");
        imageName = imageName + DateTime.Now.ToString("yymmssfff") + Path.GetExtension(postedFile.FileName);
        var filePath = HttpContext.Current.Server.MapPath("~/Image/" + imageName);
        postedFile.SaveAs(filePath);
        var uploadedImageId = httpRequest["FoodItemId"];           
        var foodItem = _context.FoodItems.FirstOrDefault(p => p.Id == uploadedImageId);
        foodItem.FoodItemImage = imageName;
        _context.SaveChanges();
        return Request.CreateResponse(HttpStatusCode.Created);
    }

如何在前端的对象中检索它们？

标签： angularasp.net-web-api2