Я использую Angular 4 и Spring Boot и пытаюсь открыть изображение из моей базы данных в новой вкладке.Но проблема в том, что он работает в Firefox, но не работает в Chrome.Вот мой код:
Backend:
@GetMapping("/anexos/view/{id}")
@Timed
public void viewAnexo(HttpServletResponse response, @PathVariable("id") Long id) throws IOException {
log.debug("REST request to view anexo: {}", id);
AnexoDTO anexoDTO = anexoService.findOne(id);
if (anexoDTO != null) {
ResponseEntity<InputStreamResource> responseEntity = preparAnexo(anexoDTO);
response.addHeader(CONTENT_DISPOSITION, "inline; filename=" + anexoDTO.getTxNomeArquivo());
writeAnexoBytes(responseEntity, response);
response.flushBuffer();
}
}
Frontend:
viewAnexo(id: number, name: string){
const element = document.createElement('a');
const url = this.viewUrl+'/'+id;
element.setAttribute('href', url);
element.setAttribute('target', '_blank');
element.style.display = 'none';
document.body.appendChild(element);
element.click();
document.body.removeChild(element);
}
Когда я пытаюсь просмотреть изображение в Firefox, все отображается правильно.Но в Chrome новая вкладка выглядит так:
Где моя проблема?