要使用JavaScript的fetch API上传文件，您需要使用FormData对象和fetch函数。

演示如何使用fetch API上传文件：

html<form id="fileUploadForm">
  <input type="file" id="fileInput">
  <button type="submit">上传</button>
</form>

<script>
  document.getElementById("fileUploadForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单默认提交行为

    var fileInput = document.getElementById("fileInput");
    var file = fileInput.files[0];
    var formData = new FormData();
    formData.append("file", file);

    fetch("/upload", { // 替换为您自己的上传接口地址
      method: "POST",
      body: formData
    })
    .then(response => response.json())
    .then(data => console.log(data))
    .catch(error => console.error(error));
  });
</script>

我们首先获取文件输入元素和表单元素，然后创建一个FormData对象并将文件添加到其中。

接下来，我们使用fetch函数将表单数据发送到服务器。请注意，我们使用了POST方法并将表单数据作为请求体发送。

最后，我们使用then函数处理服务器响应并将结果输出到控制台。