urlencoding in Dart

Question

Is there a function to do urlencoding in Dart? I am doing a AJAX call using XMLHttpRequest object and I need the url to be url encoded.

I did a search on dartlang.org, but it didn't turn up any results.

score 88 · Answer 1 · answered Jul 01 '13 at 14:44

88

var uri = 'http://example.org/api?foo=some message';
var encoded = Uri.encodeFull(uri);
assert(encoded == 'http://example.org/api?foo=some%20message');

var decoded = Uri.decodeFull(encoded);
assert(uri == decoded);

http://www.dartlang.org/docs/dart-up-and-running/contents/ch03.html#ch03-uri

answered Jul 01 '13 at 14:44

gines capote

1,110
1
8
12

1

Getting error - Illegal percent encoding in URI – Kamlesh Sep 26 '21 at 13:47

score 39 · Accepted Answer · edited Oct 24 '19 at 03:59

39

Update: There is now support for encode/decode URI in the Dart Uri class

Dart's URI code is placed in a separate library called dart:uri (so it can be shared between both dart:html and dart:io). It looks like it currently does not include a urlencode function so your best alternative, for now, is probably to use this Dart implementation of JavaScript's encodeUriComponent.

edited Oct 24 '19 at 03:59

Riz-waan

603
3
13

answered Apr 20 '12 at 13:33

Lars Tackmann

20,275
13
66
83

1

I think I can live with it for now. But it would be nice if this get's added to dart:uri. – Sudar Apr 20 '12 at 13:57
@Sudar agree i'll try to make some noise to get it in – Lars Tackmann Apr 20 '12 at 14:01
2

dart:uri has been removed, it's now part of core. https://groups.google.com/a/dartlang.org/forum/#!topic/misc/pHyoawHOhU0 – Max Jul 16 '13 at 01:42
1

A link to documentation in core: https://api.dartlang.org/stable/1.16.0/dart-core/Uri-class.html – burkemw3 May 09 '16 at 21:33
2

maybe worth putting an example right in the answer? like `Uri.encodeComponent(url);` – Andrei Lesnitsky Aug 28 '19 at 16:04

score 29 · Answer 3 · answered Apr 16 '19 at 14:35

29

Uri.encodeComponent(url); // To encode url
Uri.decodeComponent(encodedUrl); // To decode url

answered Apr 16 '19 at 14:35

Thanthu

4,399
34
43

score 27 · Answer 4 · edited Sep 26 '19 at 08:30

27

I wrote this small function to convert a Map into a URL encoded string, which may be what you're looking for.

String encodeMap(Map data) {
  return data.keys.map((key) => "${Uri.encodeComponent(key)}=${Uri.encodeComponent(data[key])}").join("&");
}

edited Sep 26 '19 at 08:30

geisterfurz007

5,292
5
33
54

answered Aug 28 '12 at 14:23

Seth Ladd

112,095
66
196
279

score 3 · Answer 5 · answered Apr 20 '12 at 14:07

I dont' think there is yet. Check out http://unpythonic.blogspot.com/2011/11/oauth20-and-jsonp-with-dartin-web.html and the encodeComponent method.

Note, it's lacking some characters too, it needs to be expanded. Dart really should have this built in and easy to get to. It may have it in fact, but I didn't find it.

dinesh_ghadge · Answer 6 · 2021-08-15T08:43:34.753

Safe Url Encoding in flutter
Ex.

String url  = 'http://example.org/';
String postDataKey = "requestParam="
String postData = 'hdfhghdf+fdfbjdfjjndf'

In Case of get request :

Uri.encodeComponent(url+postDataKey+postData);

In Case of Post Data Request use flutter_inappwebview library

var data = postDataKey + Uri.encodeComponent(postData);
webViewController.postUrl(url: Uri.parse(url), postData: utf8.encode(data));

score 0 · Answer 7 · answered Jan 01 '23 at 10:37

Uri.encodeComponent() is correct, Uri.encodeFull() has a bug, see below example:

void main() {
  print('$text\n');
  var coded = Uri.encodeFull(text);
  print(coded);
  print('\n');
  coded = Uri.encodeComponent(text);
  print(coded);
  
}

var text = '#2020-02-29T142022Z_1523651918_RC2EAF9OOHDB_RT.jpg';

score 0 · Answer 8 · answered Jul 27 '23 at 04:52

0

This solution worked for me well. Build an Uri, pass the Map onto the queryParameters. Get the encoded data by

Uri(queryParameters: <Map data>).query;

eg:

Uri(queryParameters: {'key1': val1, 'key2': val2}).query;

answered Jul 27 '23 at 04:52

Ron Bis

25
2
8

urlencoding in Dart

8 Answers8

Linked

Related