sudosoul/image-upload.html

## image-upload.html
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>MY APP</title>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<body>


<!--   PHOTO-->

<form class="imageUploadForm" action="https://demo.api.vedagraceclinic.com/upload" enctype="multipart/form-data" method="POST">
  <input type="file" name="image" accept="image/*" capture/>
  <input type="submit" value="Upload Photo"/>
</form>

<script>
  $(document).on('submit', '.imageUploadForm', function(){
    // Show the loading screen
    $.ajax({
        type: 'post',
        url: 'https://demo.api.vedagraceclinic.com/upload',
        enctype: 'multipart/form-data',
        processData: false,
        contentType: false,
        data: new FormData(this) ,
        success: function(data) {
             //alert(data);
             // parse the data, and inject into the final screen
             // once final screen ready, display it
        }
        });
        return false;

    });
</script>

</body>
</html>
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<title>MY APP</title>
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
	</head>
	<body>


	<!-- PHOTO-->

	<form class="imageUploadForm" action="https://demo.api.vedagraceclinic.com/upload" enctype="multipart/form-data" method="POST">
	<input type="file" name="image" accept="image/*" capture/>
	<input type="submit" value="Upload Photo"/>
	</form>

	<script>
	$(document).on('submit', '.imageUploadForm', function(){
	// Show the loading screen
	$.ajax({
	type: 'post',
	url: 'https://demo.api.vedagraceclinic.com/upload',
	enctype: 'multipart/form-data',
	processData: false,
	contentType: false,
	data: new FormData(this) ,
	success: function(data) {
	//alert(data);
	// parse the data, and inject into the final screen
	// once final screen ready, display it
	}
	});
	return false;

	});
	</script>

	</body>
	</html>