Started photo upload.

app/views/publishPhotos.ejs

@@ -0,0 +1,24 @@
+<br>
+
+<input type='file' />
+<br>
+<img id="myImg" src="#" alt="your image" height=200 width=100>
+
+<script>
+
+function imageIsLoaded() { 
+  alert(this.src);  // blob url
+  // update width and height ...
+}
+
+window.addEventListener('load', function() {
+  document.querySelector('input[type="file"]').addEventListener('change', function() {
+      if (this.files && this.files[0]) {
+          var img = document.querySelector('img');  // $('img')[0]
+          img.src = URL.createObjectURL(this.files[0]); // set src to blob url
+          img.onload = imageIsLoaded;
+      }
+  });
+});
+
+</script>

app/views/publishRealEstate.ejs

@@ -1,11 +1,12 @@
 <br>
-<form id="publishForm" method="POST" novalidate>
+<form id="publishForm" method="POST" novalidate enctype="multipart/form-data">
   <div class="row">
     <div class="col s12">
       <ul class="tabs">
         <li class="tab col s3"><a href="#publishBasicData">Osnovni podaci</a></li>
         <li class="tab col s3"><a href="#publishAdditionalData">Dodatni podaci</a></li>
         <li class="tab col s3"><a href="#publishLocation">Lokacija</a></li>
+        <li class="tab col s3"><a href="#publishPhotos">Fotografije</a></li>
         <li class="tab col s3"><a href="#publishEnd">Kraj</a></li>
 
     </ul>
@@ -19,6 +20,9 @@
     <div id="publishLocation" class="col s12">
      <%- include("./publishLocation.ejs") %>
     </div>
+    <div id="publishPhotos" class="col s12">
+      <%- include("./publishPhotos.ejs") %>
+     </div>
     <div id="publishEnd" class="col s12">
      <%- include("./publishEnd.ejs") %>
     </div>