显示从 Jasper Reports Server 提供的 pdf
Displaying a pdf served from Jasper Reports Server
我的问题
我正在检索使用 Jasper Reports Server 生成的报告,目的是在新选项卡中将其显示给用户。我可以很好地创建新选项卡,但 pdf 完全空白。
我的代码
我需要文件,一个 php 文件向 jasperserver 发出请求,另一个文件查询该文件并使用 javascript 创建新选项卡。
Javascript:
sap.ui.getCore().attachInit(function () {
var onPress = function(evt){
jQuery.ajax({
type: "GET",
url: "JasperReportAPICall.php",
xhrFields: {responseType: "text/pdf"},
data: {
functionname: "authenticate",
argument: "http://localhost:8080/jasperserver/rest_v2/reports/reports/interactive/Directives_Report.pdf?id=1&method=rules"
},
success: function(response){
var blob = new Blob([response], {type: "application/pdf"});
var pdfUrl = window.URL.createObjectURL(blob);
var newTab = window.open(pdfUrl);
newTab.addEventListener('load', function(pdfUrl){
window.URL.revokeObjectURL(pdfUrl);
}, false);
console.log("Report succesfully received");
}
});
};
new sap.m.Button({
text: "GNR",
press: onPress
}).placeAt("content");
});
PHP:
function authenticate($url){
global $username, $pwd;
$curl = curl_init($url);
curl_setopt($curl, CURLOPT_GET, 1);
curl_setopt($curl, CURLOPT_HTTPAUTH, CURLAUTH_BASIC);
curl_setopt($curl, CURLOPT_USERPWD, "$username:$pwd");
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($curl);
if (result===false){
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
$error = curl_error($curl);
echo "HTTPCODE: $httpcode";
echo "ERROR: $error";
}
curl_close($curl);
return $result;
}
if (isset($_GET['functionname']) && isset($_GET['argument'])){
if ($_GET['functionname'] === "authenticate"){
$result = authenticate($_GET['argument']);
echo $result;
}
}
我试过的
- 将 xhr 响应类型设置为 'blob'。 window.URL.createObjectURL拒绝了
- 将 xhr responseType 设置为 'arraybuffer' 并使用所述数组缓冲区创建一个新的 Blob。打开新标签页后,pdf 查看器抱怨无法打开文件
- 与上一步相同,但使用的是 File 对象。同样的结果。
数据是什么样的
这是我从服务器收到的。
因为太大放不下,所以放在pastebin.
我找到了修复方法。问题出在 PHP 方面。事实上,我检索了数据,但没有 设置适当的 headers,因此在使用 xhr responseType 'blob' 时,它没有mime 类型,在使用它创建 url object 时导致崩溃。
在将 pdf 返回到 ajax 调用之前,我像这样设置 headers。
function authenticate($url){
...
curl_close($curl);
header('Cache-Control: public');
header('Content-type: application/pdf');
header('Content-Disposition: attachment; filename="new.pdf"');
header('Content-Length: '.strlen($result));
return $result;
}
有了这个,pdf blob 就没有任何错误了。
我的问题
我正在检索使用 Jasper Reports Server 生成的报告,目的是在新选项卡中将其显示给用户。我可以很好地创建新选项卡,但 pdf 完全空白。
我的代码
我需要文件,一个 php 文件向 jasperserver 发出请求,另一个文件查询该文件并使用 javascript 创建新选项卡。 Javascript:
sap.ui.getCore().attachInit(function () {
var onPress = function(evt){
jQuery.ajax({
type: "GET",
url: "JasperReportAPICall.php",
xhrFields: {responseType: "text/pdf"},
data: {
functionname: "authenticate",
argument: "http://localhost:8080/jasperserver/rest_v2/reports/reports/interactive/Directives_Report.pdf?id=1&method=rules"
},
success: function(response){
var blob = new Blob([response], {type: "application/pdf"});
var pdfUrl = window.URL.createObjectURL(blob);
var newTab = window.open(pdfUrl);
newTab.addEventListener('load', function(pdfUrl){
window.URL.revokeObjectURL(pdfUrl);
}, false);
console.log("Report succesfully received");
}
});
};
new sap.m.Button({
text: "GNR",
press: onPress
}).placeAt("content");
});
PHP:
function authenticate($url){
global $username, $pwd;
$curl = curl_init($url);
curl_setopt($curl, CURLOPT_GET, 1);
curl_setopt($curl, CURLOPT_HTTPAUTH, CURLAUTH_BASIC);
curl_setopt($curl, CURLOPT_USERPWD, "$username:$pwd");
curl_setopt($curl, CURLOPT_RETURNTRANSFER, 1);
$result = curl_exec($curl);
if (result===false){
$httpcode = curl_getinfo($curl, CURLINFO_HTTP_CODE);
$error = curl_error($curl);
echo "HTTPCODE: $httpcode";
echo "ERROR: $error";
}
curl_close($curl);
return $result;
}
if (isset($_GET['functionname']) && isset($_GET['argument'])){
if ($_GET['functionname'] === "authenticate"){
$result = authenticate($_GET['argument']);
echo $result;
}
}
我试过的
- 将 xhr 响应类型设置为 'blob'。 window.URL.createObjectURL拒绝了
- 将 xhr responseType 设置为 'arraybuffer' 并使用所述数组缓冲区创建一个新的 Blob。打开新标签页后,pdf 查看器抱怨无法打开文件
- 与上一步相同,但使用的是 File 对象。同样的结果。
数据是什么样的
这是我从服务器收到的。
因为太大放不下,所以放在pastebin.
我找到了修复方法。问题出在 PHP 方面。事实上,我检索了数据,但没有 设置适当的 headers,因此在使用 xhr responseType 'blob' 时,它没有mime 类型,在使用它创建 url object 时导致崩溃。 在将 pdf 返回到 ajax 调用之前,我像这样设置 headers。
function authenticate($url){
...
curl_close($curl);
header('Cache-Control: public');
header('Content-type: application/pdf');
header('Content-Disposition: attachment; filename="new.pdf"');
header('Content-Length: '.strlen($result));
return $result;
}
有了这个,pdf blob 就没有任何错误了。