Untitled


<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
	$( 'form' ).submit(function ( e ) {
		var data, xhr;
		data = new FormData();
		var data = $('#file')[0].files;
		for (var i = 0, data; data = data[i]; i++) {
			$.ajax({
			url: 'myurl',
			data: data,
			processData: false,
			contentType: false,
			type: 'POST',
			headers: {"authorization": "bearer mytoken"},
			success: function ( data ) {
				;
				alert(data.url);
			}
		});
		e.preventDefault();
		}
	});
});
</script>
</head>
<body>

<form id="form">
  <input id="file" type="file" name="file"/><br><br>
  <button type="submit">Submit</button>
</form>


</body>
</html>