[英]How to show pdf in browser using byte array of pdf in javascript?
我有一個控制器,它發送響應實體作為對 ajax 調用的響應,它是 pdf 的字節數組形式。 現在我想在瀏覽器中顯示它,但沒有任何效果。 我嘗試了舊的stackoverlow問題中的所有建議,但沒有任何效果。
這是我從彈簧控制器的回應
` %PDF-1.4
%����
6 0 obj
<</Filter/FlateDecode/Length 1983>>stream
x�� .......... [snip rest of the output]`
這是我的 ajax 代碼
$(".form").submit(function(e) {
var form = $(this);
var url = _contextPath + "pdf/" + id;
$.ajax({
type: "GET",
url: url,
data: form.serialize(),
datatype: "application/pdf",
success: function(data, textStatus, jqXHR)
{
console.log(data);
let pdfWindow = window.open("");
var bb = btoa(encodeURIComponent((data.replace(/[\u00A0-\u2666]/g, function(c) {
return '&#' + c.charCodeAt(0) + ';';
}))));
console.log(bb);
var file = new Blob([bb], {type:'application/pdf'});
console.log(file);
var fileUrl = URL.createObjectURL(file);
pdfWindow.document.write("<iframe width='100%' height='100%' src= '"+file+"'></iframe>");
/*var pdfData = btoa(unescape(encodeURIComponent(data)));
console.log(pdfData);
var pdfDataa = atob(pdfData);
console.log(pdfDataa);*/
/* var bb = btoa(encodeURIComponent((data.replace(/[\u00A0-\u2666]/g, function(c) {
return '&#' + c.charCodeAt(0) + ';';
}))));
console.log(bb);
var file = new Blob([bb], {type:'application/pdf'});
var fileUrl = URL.createObjectURL(file);
window.open(fileUrl,'', 'height=650,width=840');*/
//console.log(data);
// window.open("data:application/pdf;base64, " + data, '', 'height=650,width=840');
/*var blob = new Blob( [data], { type: "application/pdf" });
var fileURL = URL.createObjectURL(blob);
var win = window.open();
win.document.write('<iframe src="' + fileURL + '" frameborder="0"' +
' style="border:0; top:0px; left:0px; bottom:0px;' +
' right:0px; width:100%; height:100%;" allowfullscreen></iframe>')*/
/* var datauri = 'data:application/pdf;base64,' + Base64.encode(data);
var win = window.open();
win.document.write('<iframe src="' + datauri + '" frameborder="0"' +
' style="border:0; top:0px; left:0px; bottom:0px;' +
' right:0px; width:100%; height:100%;" allowfullscreen></iframe>');*/
//var base64EncodedStr = btoa(unescape(encodeURIComponent(data)));
//window.open(data,"_blank","scrollbars=yes,resizable=yes");
//window.open("data:application/pdf," + encodeURI(data));
// window.open("data:application/pdf," + escape(data));
//window.open("data:application/pdf," + base64EncodedStr);
// window.open("data:application/octet-stream;charset=utf-16le;base64,"+base64EncodedStr);
// let pdfWindow = window.open("")
// pdfWindow.document.write("<iframe width='100%' height='100%' src='data:application/pdf;base64, "
// + blob+"'></iframe>");
/* const byteArray = data;
const blob = new Blob([byteArray], {type: 'application/pdf'});
const blobURL = URL.createObjectURL(blob);
var win = window.open();
win.document.write('<iframe src="' + blobURL + '" frameborder="0"' +
' style="border:0; top:0px; left:0px; bottom:0px;' +
' right:0px; width:100%; height:100%;" allowfullscreen></iframe>');*/
/* var len = data.length;
var buffer = new ArrayBuffer(len);
var view = new Uint8Array(buffer);
for (var i = 0; i < len; i++) {
view[i] = binary.charCodeAt(i);
}
*/
/*var base64EncodedStr = btoa(unescape(encodeURIComponent(data.toString())));
var pdfData = base64EncodedStr;
var x = window.open();
var iframe = x.document.createElement('iframe')
iframe.width = '100%'
iframe.height = '100%'
iframe.frameBorder = 0
iframe.style = "border: 0"
iframe.src = "data:application/pdf;base64, " + pdfData
x.document.body.appendChild(iframe);*/
// $('.form').unbind('submit').submit();
}
});
e.preventDefault();
});
我嘗試了一切,但我沒有工作
在這里找到了解決方案,我正在從彈簧控制器發送字節arry ,其格式類似於%PDF-1 % 。 所以我從spring控制器發送base64編碼的字符串並將base64編碼的字符串發送到瀏覽器並且它可以工作。
javascript代碼:
var arrrayBuffer = base64ToArrayBuffer(data); //data is the base64 encoded string
function base64ToArrayBuffer(base64) {
var binaryString = window.atob(base64);
var binaryLen = binaryString.length;
var bytes = new Uint8Array(binaryLen);
for (var i = 0; i < binaryLen; i++) {
var ascii = binaryString.charCodeAt(i);
bytes[i] = ascii;
}
return bytes;
}
var blob = new Blob([arrrayBuffer], {type: "application/pdf"});
var link = window.URL.createObjectURL(blob);
window.open(link,'', 'height=650,width=840');
在 spring 控制器中將字節數組轉換為 base64 編碼的字符串
String encodedString = Base64.getEncoder().encodeToString(bytearrayofpdf);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.