Encoding URL in JavaScript

Question

I'm unable to encoding data URI:

var uri ="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQo...";
var res = encodeURI(uri);
document.location.href = 'display.jsp?img='+res;

After encoding, I'm getting the same uri. display.jsp is landing as am empty page.

this is a JSP problem, not a JS problem. – dandavis Sep 23 '14 at 18:12 — dandavis, Sep 23 '14 at 18:12

score 1 · Answer 1 · answered Sep 23 '14 at 17:59

1

There is no encoding happening because what you have there is already a valid, completely encoded URI.

If you want to use that as a parameter in an other URI, you should use encodeURIComponent:

document.location.href = 'display.jsp?img='+encodeURIComponent(uri);

answered Sep 23 '14 at 17:59

Bergi

572,313
128
898
1,281

display.jsp page landing as empty page. why – user3201607 Sep 23 '14 at 18:06
Maybe there's a mistake in the `jsp` code? You should [ask a new question](http://stackoverflow.com/questions/ask), post the HTTP request and your serverside code there. – Bergi Sep 23 '14 at 18:12

score 0 · Answer 2 · answered Sep 23 '14 at 18:03

0

It is not correct to use encodeURI() as this function encodes special character except: , / ? : @ & = + $ #

Use encodeURIComponent() to encode these characters.

For more info check below link:

http://www.w3schools.com/jsref/jsref_encodeuri.asp

answered Sep 23 '14 at 18:03

Grish

822
2
10
22

score 0 · Answer 3 · edited May 23 '17 at 12:21

Your problem is that the encodeURI function is for making a URL valid for a browser, not for formatting content into a URL (which is what you're doing). A base64 string is already formatted in such a way that it registers as valid. To encode it as part of the URL, you need to use encodeURLComponent.

Basically, just use:

var uri ="data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDAAMCAgMCAgMDAwMEAwMEBQgFBQQEBQo...";
var res = encodeURIComponent(uri);
document.location.href = 'display.jsp?img='+res;

For more info, check out: When are you supposed to use escape instead of encodeURI / encodeURIComponent?

Encoding URL in JavaScript

3 Answers3