Получить заголовки ответа от углового вызова HttpClient Асинхронный метод Azure AI Компьютерное зрение - PullRequest
Новая
       14

Получить заголовки ответа от углового вызова HttpClient Асинхронный метод Azure AI Компьютерное зрение

0 голосов
/ 16 февраля 2019

Я пытаюсь реализовать Azure Computer Vision Распознавать текст AI с помощью Angular.Мне нужно найти конкретный заголовок из ответа на первый вызов Http, а затем вызвать второй.Но я не могу найти заголовок.Не могли бы вы помочь мне найти то, что мне здесь не хватает?Вы можете увидеть то, что я уже пробовал, в приведенном ниже коде. 

async post(url: string): Promise<any> {
    const body = {
      url: url,
      observe: 'response'
    };
    const options = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Ocp-Apim-Subscription-Key': config.api.apiKey,
        'Access-Control-Expose-Headers': 'allow',
        'resolveWithFullResponse': 'true',
        'responseType': 'text'
      })
    };
    const result = await this.http.post(config.api.baseUrl, body, options)
      .subscribe(async (res: Response) => {
        console.log(res);
        const operationLocation = res.headers.get('Operation-Location');
        return await this.http.get(operationLocation, options).toPromise();
      });
    return result;
  }

Я могу видеть заголовки ответа в сети браузера, но объект res всегда равен нулю.

enter image description here

Документация Azure гласит: «Служба приняла запрос и позже начнет обработку. Она немедленно вернется Принята и будет содержать« Operation-Location »заголовок. Клиентская сторона должна дополнительно запросить состояние операции, используя URL-адрес, указанный в этом заголовке. Срок действия идентификатора истекает через 48 часов."

Ответы [ 2 ]

0 голосов
/ 16 февраля 2019

Наконец-то я смог решить проблему.К счастью, я прочитал эту документацию , где упоминалось, что "метод распознавания текста не возвращает никакой информации в тексте успешного ответа".А позже я смог выполнить свое требование, используя OCR API .Мне пришлось изменить базовый URL-адрес на следующий.

https://westeurope.api.cognitive.microsoft.com/vision/v2.0/ocr

home.component.ts 

async submit() {
    if (this.url.value) {
        const result: any = await this.detectionService.post(this.url.value);
        const resultArray: Array < string > = [];
        this.lines = result.regions[0].lines.forEach((obj: any) => {
            obj.words.forEach((word: any) => {
                resultArray.push(word.text);
            });
        });
        this.stringResult = resultArray.join(' ');
    }
}

service.ts 

async post(url: string): Promise<any> {
    const body = {
      url: url
    };
    const options = {
      headers: new HttpHeaders({
        'Content-Type': 'application/json',
        'Ocp-Apim-Subscription-Key': config.api.apiKey
      })
    };
    return await this.http.post(config.api.baseUrl, body, options).toPromise();
  }

Мне удалось получить желаемый результат, как показано ниже. 

{"language":"en","textAngle":0,"orientation":"Up","regions":[{"boundingBox":"74,172,995,446","lines":[{"boundingBox":"159,172,884,76","words":[{"boundingBox":"159,177,47,58","text":"If"},{"boundingBox":"221,194,129,54","text":"you"},{"boundingBox":"369,183,180,53","text":"want"},{"boundingBox":"566,183,73,53","text":"to"},{"boundingBox":"657,172,185,64","text":"shine"},{"boundingBox":"864,176,124,60","text":"like"},{"boundingBox":"1008,194,35,42","text":"a"}]},{"boundingBox":"74,261,995,76","words":[{"boundingBox":"74,279,243,52","text":".—sun,"},{"boundingBox":"335,261,145,60","text":"first"},{"boundingBox":"501,261,158,68","text":"burn"},{"boundingBox":"683,261,124,60","text":"like"},{"boundingBox":"827,279,35,42","text":"a"},{"boundingBox":"882,279,187,58","text":"sun.."}]},{"boundingBox":"381,347,436,43","words":[{"boundingBox":"381,347,51,43","text":"X:"},{"boundingBox":"440,348,222,42","text":"P.TAbdul"},{"boundingBox":"680,352,137,38","text":"Kalam"}]},{"boundingBox":"541,589,158,29","words":[{"boundingBox":"541,589,17,22","text":"B"},{"boundingBox":"560,589,139,29","text":"rainyQ!0te'"}]}]}]}
0 голосов
/ 16 февраля 2019

Попробуйте использовать HttpResponse в качестве ожидаемого типа ответа, который даст вам полный ответ.Так что вы можете получить доступ к заголовкам из него. 

const result = await this.http.post<HttpResponse<Object>>(config.api.baseUrl, body, options)
      .subscribe(async (res: Response) => {
        console.log(res);
        const operationLocation = res.headers.get('Operation-Location');
        return await this.http.get(operationLocation, options).toPromise();
});
...