记录一次工作中的问题以及解决(表格传输数据量过大导致的传参失败)

tech2022-10-11  125

问题:

使用POI实现数据页面的数据导出,由于页面数据量大,存在八张报表。根据POI的方式使用echarts自带的图片导出功能,获取到报表的Base64码传送到后台写入到excel中。但由于图片数据量太大,请求体中的form数据过大,导致在谷歌浏览器上参数传输错误,后端接收不到参数。

解决方法:

通过修改前端form表单的enctype属性,设置为multipart/form-data enctype 属性规定在发送到服务器之前应该如何对表单数据进行编码。默认地,表单数据会编码为 "application/x-www-form-urlencoded"。就是说,在发送到服务器之前,所有字符都会进行编码(空格转换为 "+" 加号,特殊符号转换为 ASCII HEX 值)。 var form=$("<form>");//定义一个form表单 form.attr("enctype","multipart/form-data") form.attr("style","display:none") form.attr("target","" form.attr("id","fundreport_form") form.attr("method","post");

enctype属性

application/x-www-form-urlencoded 在发送前编码所有字符(默认)

multipart/form-data 不对字符编码。在使用包含文件上传控件的表单时,必须使用该值

text/plain 空格转换为 “+” 加号,但不对特殊字符编码。

最新回复(0)