解决get提交数据量太大的问题

最新推荐文章于 2025-07-07 21:00:22 发布

danfeixia

最新推荐文章于 2025-07-07 21:00:22 发布

阅读量5.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： javascript

本文链接：https://blog.youkuaiyun.com/danfeixia/article/details/71336091

javascript 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种解决因Base64编码图片数据过大而导致GET请求失败的方法，通过转换为POST请求来规避大小限制，并提供了具体的JavaScript实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于参数中是base64编码后的图片数据，图片比较大，导致get请求失败，提示数据太大。

get最大是256b，post是2M。

解决方式：

使用伪post方式：

//上传图片方法
function picUpload(){
var ocrImageSrc = document.querySelector('#ocr_img').childNodes[0].src;
//window.parent.self.open(encodeURI((hostUrl+"?reportlet=/CRM/联系人新建_名片信息录入.cpt&op=write&photo="+ocrImageSrc)),"_self");
openPostWindow(encodeURI(hostUrl+"?reportlet=/CRM/联系人新建_名片信息录入.cpt&op=write"),encodeURI(ocrImageSrc),'_parent');
//alert(encodeURI((hostUrl+"?reportlet=/CRM/联系人新建_名片信息录入.cpt&op=write&photo=")));

}

/**
* 使用post方式打开画面，解决self.open传输数据get方法的传输数据量限制
*/
function openPostWindow(url, data, name)

{

var tempForm = document.createElement("form");

tempForm.id="tempForm1";

tempForm.method="post";

tempForm.action=url;

tempForm.target=name;



var hideInput = document.createElement("input");

hideInput.type="hidden";

hideInput.name= "photo"

hideInput.value= data;

tempForm.appendChild(hideInput);

tempForm.addEventListener("onsubmit",function(){ openWindow(url,name); });

document.body.appendChild(tempForm);



fireEvent(tempForm,"onsubmit");

tempForm.submit();

document.body.removeChild(tempForm);

}


/**
* 打开画面
*/
function openWindow(url,name)

{

self.open(url,name,'height=400, width=400, top=0, left=0, toolbar=yes, menubar=yes, scrollbars=yes, resizable=yes,location=yes, status=yes');

}

------------------------------------------------------------------------------------------------------------------------------------------------------------------------

重点：可以使用AJAX POST跨域方式，详情请见：http://blog.youkuaiyun.com/danfeixia/article/details/71599304