diff --git a/image_to_data_url_converter/README.md b/image_to_data_url_converter/README.md
new file mode 100644
index 0000000..645a597
--- /dev/null
+++ b/image_to_data_url_converter/README.md
@@ -0,0 +1,4 @@
+Simple example of converting image to data URL with using HTML5 FileReader.
+There are two examples:
+1. Upload with regular file input field,
+2. Upload with custom link.
\ No newline at end of file
diff --git a/image_to_data_url_converter/custom.html b/image_to_data_url_converter/custom.html
new file mode 100644
index 0000000..5e4b4da
--- /dev/null
+++ b/image_to_data_url_converter/custom.html
@@ -0,0 +1,22 @@
+
+
+
+
+
+
+
+
+
+
+Load image
+![Selected image]()
+
+
\ No newline at end of file
diff --git a/image_to_data_url_converter/index.html b/image_to_data_url_converter/index.html
new file mode 100644
index 0000000..63d6385
--- /dev/null
+++ b/image_to_data_url_converter/index.html
@@ -0,0 +1,11 @@
+
+
+
+
+
+
+
+
+![Selected image]()
+
+
\ No newline at end of file
diff --git a/image_to_data_url_converter/js/main.js b/image_to_data_url_converter/js/main.js
new file mode 100644
index 0000000..43107c4
--- /dev/null
+++ b/image_to_data_url_converter/js/main.js
@@ -0,0 +1,16 @@
+function fileSelectionCompleted(input) {
+ if(input.files && input.files[0]) {
+ var reader = new FileReader();
+ reader.onload = function(e) {
+ var imageURL = e.target.result;
+ document.getElementById("img1").src = imageURL;
+ }
+
+ reader.readAsDataURL(input.files[0]);
+ }
+}
+function loadImage(){
+ document.getElementById("fileSelect").click();
+}
+
+