Dekoder online Url

i want to encode a json because it contains special characters

I try to use simple urlencode but it doesn't work. When I print the variable in alert on the js is empty

$sql="select name,surname from agents";$res = $conn->query($sql);while($row = $res->fetch_assoc()) {   $rows[] = $row;}$json = json_encode($rows);echo urlencode($json);

I'm converting the page to canvas and then canvas to the image. Function convertCanvasToImage returns image link as base64 encoded link. Looking for a solution to decode it cause I'll need that later and would be easier.

Encoded image starts with data:image/png;base64,longString.

I tried

var  decodedData = window.atob(n); and http://www.webtoolkit.info/javascript-base64.html

But it returns chinese characters.

Also, I tried sending the encoded string to the server via ajax and then try with base64_decode. Still, I get odd output.

Any reference or solution how to decode base64 png image and get normal URL of the image? Is it possible for a canvas to return normal URL not encoded?

how to redirect encoded special characters url to proper address?in my project encoded url routing to web page.i created route something like this

{ path: 'welcome/:id', component: WelcomeComponent },

actually i am passing url like http://localhost/welcome%3Fid%3D45but this is not acceptingand it is accepting only http://localhost/welcome?id=45

I am getting this url redirection from third party sitehttp://localhost:4200/account/congratulations%3FdocumentId%3Dnnn

but i need to decode as http://localhost:4200/account/congratulations?documentId=nnn

for rendering my page'%3F' = '?''%3D' = '='where do i need to decode this in my project?

I am sending my email address through a form which is submitted by ajax to controller and the data for the ajax is created by this function:

// Function "serializeToJson" - Serialize form data, merge new object and returns json objectfunction serializeToJson(element, newObj){    // Serialize form and split into Json Object    var data = element.serialize().split("&");    var object = {};    for(var key in data){        object[data[key].split("=")[0]] = data[key].split("=")[1];    }    // Merge new json obj to existing json object    const target = {};    $.extend(target, newObj, object);    // return the final json object    return target;}

and in my ajax

data : serializeToJson(SUform, {action:'process_signup'}),

The email which is being sent through the form is getting urlencoded i.e.

xxxxxxxxxx%40gmail.com

the %40 should be decoded to @ when i receive the data in my controller.In my controller i have set the following form validation rules for email:

$this->form_validation->set_rules('email', 'Email', 'trim|required|valid_email|is_unique[users.email]');

The error:

The Email field must contain a valid email address

What i want?

Is there any way by which i can urldecode the email in form validation ?