Загрузка файла js

Question

Я пытаюсь загрузить файл на свой сайт, используя javascript. Но файл не отображается в указанном каталоге (upload / images). Каталог имеет атрибуты 777. Console.log (f) показывает в Chrome, что длина файла равна 9, поэтому его следует записать. В чем дело? Вот мой код:

html:

<table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
<tr>
<td colspan="3" bgcolor="#E6E6E6"><strong>Create New Topic</strong> </td>
</tr>
<tr>
<td width="14%"><strong>Topic</strong></td>
<td width="2%">:</td>
<td width="84%"><input name="topic" type="text" id="topic" size="50" /></td>
</tr>
<tr>
<td valign="top"><strong>Detail</strong></td>
<td valign="top">:</td>
<td><textarea name="detail" cols="50" rows="3" id="detail"></textarea></td>
<img id="pastedImage"></img>
</tr>

js:

document.getElementById('detail').onpaste = function (event) {
    var reader = new FileReader();
    reader.onload = function(event) {
    this.Files = event.file;
};
let filepath = "upload/images/tmp.png";
//reader.readAsDataURL(blob);
let f = new File([this.Files], filepath);
console.log(f);

//let photo = document.getElementById("image-file").files[0];  // file from input
let req = new XMLHttpRequest();
let formData = new FormData();

formData.append("photo", f);                                
req.open("POST", '/upload/images');
req.send(formData);