2017-08-18 9 views
0

私は春のブート、jqueryとitextを使用します。FirefoxのタブにPDFコンテンツを表示

ボタンをクリックすると、pdfファイルが生成されます。

@GetMapping(value = "/members/{memberId}/contract/{contractId}/generalcontracts", produces = "application/pdf") 
public ResponseEntity<byte[]> getMemberContract(@PathVariable("memberId") Long memberId, @PathVariable("contractId") Long contractId) throws IOException { 
    byte[] content = reportService.generateMemberContractReport(contractId); 
    return prepareReport(content); 
} 

private ResponseEntity<byte[]> prepareReport(byte[] content) throws IOException { 
    HttpHeaders headers = new HttpHeaders(); 
    headers.setContentType(MediaType.parseMediaType("application/pdf")); 
    String filename = "report.pdf"; 
    headers.setContentDispositionFormData(filename, filename); 
    headers.setCacheControl("must-revalidate, post-check=0, pre-check=0"); 
    ResponseEntity<byte[]> response = new ResponseEntity<>(content, headers, HttpStatus.OK); 
    return response; 
} 

タブが開き、ファイルが表示されます。

そのコードはChromeで動作しますが、Firefoxでは動作しません。 Firefoxでは、タブの開閉に似ています。

<button id="memberPrintReport" type="button" class="btn btn-primary">Imprimer</button> 

$("#memberPrintReport").on('click', function (e) { 


tryit(getHostName() + "/members/" + memberId + "/contract/" + contractId + "/generalcontracts"); 
}  

function tryit(urlServer) { 
    var win = window.open('_blank'); 
    downloadFile(urlServer, function (blob) { 
     var url = URL.createObjectURL(blob); 
     win.location = url; 
    }); 
} 

function downloadFile(url, success) { 
    var xhr = new XMLHttpRequest(); 
    xhr.open('GET', url, true); 
    xhr.setRequestHeader("Authorization", "Basic " + $.cookie('authorization')); 
    xhr.responseType = "blob"; 
    xhr.onreadystatechange = function() { 
     if (xhr.readyState == 4) { 
      if (success) 
       success(xhr.response); 
     } 
    }; 
    xhr.send(null); 
} 

function tryit(urlServer) { 
    downloadFile(urlServer, function (blob) { 
    var url = URL.createObjectURL(blob); 
    window.open(url, '_blank'); 

    }); 
} 

答えて

1

がこの試行し動作しない場合は、この行にこの

headers.setContentDispositionFormData("inline", filename); 

headers.setContentDispositionFormData(filename, filename); 

を更新してみてください。

headers.add("content-disposition", "inline;filename=" + filename) 
関連する問題