Преобразование байта [] в изображение в Asp. net core 3.0 - PullRequest
Новая
       5

Преобразование байта [] в изображение в Asp. net core 3.0

0 голосов
/ 05 февраля 2020

Я работаю над Asp. net службами ядра 3.0. Я должен хранить изображения в формате byte [] на сервере sql. Я сделал, когда я сохраняю изображение. Но проблема заключается в получении его с сервера.

Здесь приведен пример кода,

API-контроллер, 

    [HttpGet("GetEmployeeDetails")]
    public async Task<IActionResult> GetEmployeeDetails()
    {
        try
        {
               var employeesList = await _employeePhoto.GetEmployeeDetails();
            if (employeesList == null)
                return NoContent();
            else
            {
                var finalResultList = new List<GetEmployeePhotoResultEntity>();
                for (int i = 0; i <= employeesList.Count; i++)
                {
                    var EmployeePhoto = System.Text.Encoding.Unicode.GetBytes(employeesList[i].Employee_Photo);
                    finalResultList[i].Employee_Id = employeesList[i].Employee_Id;
                    finalResultList[i].Employee_Code = employeesList[i].Employee_Code;
                    finalResultList[i].Employee_Name = employeesList[i].Employee_Name;
                    finalResultList[i].Employee_Photo = File(EmployeePhoto, "image/jpeg");
                }
                return Ok(finalResultList);
            }
        }
        catch (Exception exception)
        {
            _logger.LogError($"EmployeePhotoController {exception.InnerException.Message.ToString()}");
            return StatusCode(StatusCodes.Status500InternalServerError, exception.InnerException.Message);
        }

Служба: 

    public async Task<List<GetEmployeePhotoEntity>> GetEmployeeDetails()
    {
        try
        {
            DataTable dataTable = await _dbRepository.GetDataTable("sp_EmployeesPhoto_Select");
            if (dataTable != null && dataTable.Rows.Count > 0)
            {
                return (from DataRow dr in dataTable.Rows
                        select new GetEmployeePhotoEntity()
                        {
                            Employee_Id = Convert.ToInt32(dr["Employee_Id"]?.ToString()),
                            Employee_Code = dr["Employee_Code"]?.ToString(),
                            Employee_Name = dr["Employee_Name"]?.ToString(),
                            Employee_Photo = dr["Employee_Photo"]?.ToString()
                        }).ToList();
            }
            else
                return null;

        }
        catch (Exception exception)
        {
            _logger.LogError($"@@@EmployeePhotoService {exception.InnerException.ToString()}");
            throw;
        }
    }

и сущности для этого, 

public class GetEmployeePhotoEntity
{
    public int Employee_Id { get; set; }
    public string Employee_Code { get; set; }
    public string Employee_Name { get; set; }
    public string Employee_Photo { get; set; }
}
public class GetEmployeePhotoResultEntity
{
    public int Employee_Id { get; set; }
    public string Employee_Code { get; set; }
    public string Employee_Name { get; set; }
    public FileContentResult Employee_Photo { get; set; }
}

И структура таблицы для этого, таблица Employee_Photos Employee_Id int Фотоизображение

И мой пользовательский интерфейс Angular 8, в angular Я показываю изображение в таблице матов, как связать их в angular. Пожалуйста, ответьте любому, как можно быстрее

1 Ответ

0 голосов
/ 06 февраля 2020

Вывод, когда я пробую предложение, данное @Nan Yu * ​​1002 *

my Angular ts service, 

public getEmployeeDetailsList(): void {
debugger;
this._httpClient.get(this.API_URL + 'EmployeePhoto/GetEmployeeDetails/').subscribe(
  (result: any) => {
    console.log(result);
    let employeesList = result;
    for(let i=0; i < result.length;i++) {
      let imageBinary = result[i].Employee_Photo; //image binary data response from api
      let imageBase64String = btoa(imageBinary);
      employeesList[i].Employee_Photo = imageBase64String
    }

    console.log(employeesList, "Converted Employees List")
    this.dataSource = employeesList;
  });

}

И HTML - это 

                                    <ng-container matColumnDef="Travel_Indent_No" sticky>
                                        <mat-header-cell *matHeaderCellDef>
                                            Employee Photo
                                        </mat-header-cell>
                                        <mat-cell *matCellDef="let element" class="row-no">
                                            <img style="text-align:center;border:1px solid white" type="file"
                                                height="100px" width="100px" src="data:image/JPEG;base64,{{element.Employee_Photo}}" />
                                        </mat-cell>
                                    </ng-container>

и контроллер API, который возвращает следующий байт [] для Employee_Photo 

    public async Task<IActionResult> GetEmployeeDetails()
    {
        try
        {
               List<GetEmployeePhotoEntity> employeesList = await _employeePhoto.GetEmployeeDetails();
            if (employeesList != null)
                return Ok(employeesList);
            else
            {
                return NoContent();
            }
        }
        catch (Exception exception)
        {
            _logger.LogError($"EmployeePhotoController {exception.InnerException.Message.ToString()}");
            return StatusCode(StatusCodes.Status500InternalServerError, exception.InnerException.Message);
        }
    }

GetEmployeePhotoEntity равен 

public class GetEmployeePhotoEntity
{
    public int Employee_Id { get; set; }
    public string Employee_Code { get; set; }
    public string Employee_Name { get; set; }
    public byte[] Employee_Photo { get; set; }
}
...