无法在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>