chrome.runtime.sendMessage error “Message length exceeded”

Question

When i am sending big size of json object from content.js to background.js usingchrome.runtime.sendMessage then showing error like

 

Error is : Uncaught Error: Message length exceeded maximum allowed length.

Content.js

var ServerPath = "http://localhost:62513/api/account";
chrome.runtime.sendMessage({
method: 'POST',
action: 'xhttp',
url: ServerPath + "/rapdata",
data: JSON.stringify({ data: data, fileName: fileName })
},function (responseText) {
//alert(responseText);
console.log("response of call saverapdata method");
/*Callback function to deal with the response*/
});

Background.js

chrome.runtime.onMessage.addListener(function (request, sender, callback) {
console.log("background js onMessage call.");
var resp = "done";
if (request.action == "xhttp") {
debugger;
//alert(request.data);url: ServerPath + "/rapdata",
var ServerPath = "http://localhost:62513/api/account";
$.ajax({
type: "POST",
url: request.url,
data: request.data,
contentType: "application/json; charset=utf-8",
dataType: "json",
success: function (data) {
debugger;
console.log(data);
//alert("Data: " + data);
},
failure: function (response) {
debugger;
console.log(response);
///alert(response.d);
}
});
return true; // prevents the callback from being called too early on return
}
});

Answer 1

chrome.runtime.sendMessage have limited size to parameter. os i have used URL.createObjectURL to transfer data from content to background js.

 

Content.js 

 

var filedata = JSON.stringify({ data: data, fileName: fileName });

var save = new File([filedata], "filename.json", { type: "text/json;charset=utf-8" });

var postdata = window.URL.createObjectURL(save);

 

Background.js

 

var xhr = new XMLHttpRequest();

xhr.open('GET', postdata, true);

xhr.responseType = "text";

xhr.onload = function (e) {

   if (this.status == 200) {

      var myBlob = this.response;

      // myBlob is now the blob that the object URL pointed to.

   }

};

xhr.send();