Hi Nani,

Next time you post a question about using a Forge component, select on the form where you post a question the Forge component. This makes it easier for people to understand which component, and also the team of the component gets a notification.

I could not find the component you refer to.

Regards,

Daniel

Well, this is the Forge component link

https://www.outsystems.com/forge/component-overview/3242/binarydata-client-side

Hi,

Please try the following Forge component, also has great demo app, and a Try Me button, so you can even see how it works before installing the component.

It does work, I can confirm that. You probably have to update the references on the demo app and publish it before trying.

https://www.outsystems.com/forge/component-overview/3242/binarydata-client-side

Regards,

Daniel

Its giving me error.

I wrote my own Javascript 

var encoder = new TextEncoder('utf-8');

var binaryData = encoder.encode($parameters.Text);

var encodedText = window.btoa(String.fromCharCode.apply(null, binaryData));

$parameters.BinaryData = encodedText;

its working but giving stack error.

Hi Nani, I hope you are well.

To transform text into binary using javascript, you can use :

const texto = "Hello, world!";

const bytes = texto.split("").map((c) => c.charCodeAt(0));

const arrayBuffer = ArrayBuffer.from(bytes);

const fileSaver = new FileSaver();

fileSaver.save(new Blob([arrayBuffer]));

$resolve();

You will need to replace the input and output parameters in the code.

Hi nani,

you can also try this one hope this should help you.

Thanks,

Narendra Tiwari

Hi guys,

I have tried my best for client side conversation,  JavaScript raising error like scripts missing, librarys needed, stack Overflow, Window.btoa, etc...,

I know the extension works pretty good but it is a server side.

Well now i am using the extension but i have increased the server time out.

thank you for your all support.

In future if you find a solution please let know.

Hi Nani, 

I just take a look at your code. 

btoa doesn't really handle UTF8-strings - it's ASCII only. You had fixed that by writing your own code.

About Maximum call stack size exceeded error : As you researched, it usually occurs when there is excessive recursion, leading to the call stack growing beyond its limit.  
In your code, it happens at String.fromCharCode.apply(null, binaryData). On large data like 4072624 Characters, using apply lead to that error.


I suggest to break the data into smaller chunk 

function test(Text) {

  var encoder = new TextEncoder('utf-8');

  var binaryData = encoder.encode(Text);

  var CHUNK_SIZE = 0x8000; // 32k  define your chunk size

  var chunks = [];

  for (var i = 0; i < binaryData.length; i += CHUNK_SIZE) {

    chunks.push(binaryData.slice(i, i + CHUNK_SIZE));

  }

  var encodedText = '';

  chunks.forEach(function(chunk) {

    encodedText += window.btoa(String.fromCharCode.apply(null, chunk));

  });

  return encodedText;

}