Не понимаю почему не работает FETCH

[Antwerpen]

Добрый день
Написал следующий скрипт

<script language="javascript" type="text/javascript">
$(document).on( "input","#file_load", async function(event)  { 

var hostUrl="./";

var element=document.getElementById("file_load");

var file=element.files[0];

  var formdata = new FormData();
  formdata.append('file',file,file.name);
  const res= await fetch (hostUrl, {
			method:"POST",
			body: formdata,
			});
	
	.then(response => response.json())
	.then(data => {
		console.log(data)
		})
	.catch(error => {
		console.error(error)
		})     

	

});



</script>

Выдаёт ошибку синтаксиса на .then(response => response.json()) То есть не понимает что такое .then

почему?
если делаю такой скрипт

<script language="javascript" type="text/javascript">
$(document).on( "input","#file_load", async function(event)  { 

var hostUrl="./";

var element=document.getElementById("file_load");

var file=element.files[0];

  var formdata = new FormData();
  formdata.append('file',file,file.name);
  const res= await fetch (hostUrl, {
			method:"POST",
			body: formdata,
			});
	


	

});



</script>

вывожу на консоль res получаю

Response {type: 'basic', url: 'https://kancelejas.lv/adminpanel/mailing/', redirected: false, status: 200, ok: true, …}
body: (...)
bodyUsed: false
headers: Headers {}
ok: true
redirected: false
status: 200
statusText: "OK"
type: "basic"
url: "https://kancelejas.lv/adminpanel/mailing/"
[[Prototype]]: Response

файл на сервер не пишется , почему ?

Выглядит глуповато , но я не могу понять в чём проблема уже несколько дней
С уважением
Александр