無法在Chrome上將大型HTML內容發佈到服務器上

Question

我試圖通過POST請求發送HTML內容，但未使用Chrome在服務器端發送。在使用Mozilla時，我在jsp中獲取請求數據。 當HTML內容很小時，這適用於兩種瀏覽器。我使用Apache FOP生成帶有HTML內容的PDF。

var iframe = document.createElement('iframe'); 
iframe.setAttribute('name','eyeframe'); 
document.body.appendChild(iframe); 
var myform = document.createElement('form'); 
document.body.appendChild(myform); 
myform.setAttribute('action','myJspToRenderHtmlAsPdf.jsp'); 
myform.setAttribute('method','post'); 
myform.setAttribute('target','eyeframe'); 

var hiddenField = document.createElement("input"); 
hiddenField.setAttribute("type", "hidden"); 
hiddenField.setAttribute("name", "htmlContent"); 
hiddenField.setAttribute("value", strHTML); 
myform.appendChild(hiddenField); 
myform.submit(); 

我將HTML分成塊併發布它們並將它們重新加入到jsp中。這種做法的方法也失敗與鉻和ie。

Answer 1

那麼輸入鉻（或者整個的webkit）具有字符的限制 - 524288，您可以通過在控制檯輸入測試：

var el = document.createElement("input"); 
el.maxLength 

爲什麼不使用簡單FormData？

var formData = new FormData(); 
formData.append("htmlContent", strHTML); 
var request = new XMLHttpRequest(); 
request.open("POST", "myJspToRenderHtmlAsPdf.jsp"); 
request.send(formData); 

有一些時間來寫簡單的演示。生成服務器響應PDF：

<a href="#" id="test">Download</a> 
<script> 

var formData = new FormData(); 
formData.append("htmlContent", 'test'); 
var request = new XMLHttpRequest(); 
request.responseType = 'blob'; 
request.open("POST", "myJspToRenderHtmlAsPdf.jsp"); 

request.onload = function(event) { 
    if (request.status == 200) { 
     var blob = new Blob([request.response], {type: 'application/pdf'}); 
     var url = URL.createObjectURL(blob); 
     var link = document.querySelector('#test'); 
     link.setAttribute('href', url); 
    } else { 
     // Handle error 
    } 
    }; 

request.send(formData, true); 
</script>