js based file upload

Author: abhishekrathore

public/index.html

@@ -14,7 +14,31 @@ <h1> Image Upload</h1>
         <input type="file" name="avatar" id="image">
         <input type="submit" value="Upload Image">
     </form>
+
+    <h1> Image Upload By JavaScript</h1>
+
+        <input type="text" name="fullname" id="fullName">
+        <input type="file" name="avatar" id="avatar">
 
 
 </body>
+<script>
+    document.getElementById('avatar').onchange = function(e){
+        fileUpload(e);
+    }
+    function fileUpload(e){
+        // this method you can use with any JS frontend library
+       let formData = new FormData();
+       formData.append('avatar',e.target.files[0]);
+       // this first arg is == 'name' attribute
+       formData.append('fullname',document.getElementById('fullName').value);
+       fetch('/image',{
+        method:'POST',
+        body: formData
+       }).then(response=>{
+        console.log(response)
+       })
+    }
+
+</script>
 </html>