js文件上传不通过submit怎么提交文件

### 回答1：
可以使用 JavaScript 的 FormData 对象来构建表单数据并通过 XMLHttpRequest 发送请求来实现文件的异步上传。

这里是一个示例代码：

<form id="upload-form">
  <input type="file" id="file-input" />
  <button type="button" id="upload-button">上传</button>
</form>

<script>
  const fileInput = document.getElementById('file-input');
  const uploadButton = document.getElementById('upload-button');

  uploadButton.addEventListener('click', () => {
    // 创建一个 FormData 对象
    const formData = new FormData();
    // 将文件添加到表单数据中
    formData.append('file', fileInput.files[0]);

    // 创建一个 XMLHttpRequest 对象
    const xhr = new XMLHttpRequest();
    // 设置请求的方法和 URL
    xhr.open('POST', '/upload');
    // 设置响应处理函数
    xhr.onload = () => {
      if (xhr.status === 200) {
        console.log('文件上传成功');
      } else {
        console.error('文件上传失败');
      }
    };
    // 发送请求
    xhr.send(formData);
  });
</script>

在这段代码中，我们使用了 `FormData` 对象来构建表单数据，然后使用 `XMLHttpRequest` 对象发送请求来实现文件的异步上传。当用户点击上传按钮时，会创建一个 `FormData` 对象，然后将文件添加到表单数据中，最后使用 `XMLHttpRequest` 对象发送请求即可。

注意，上传文件的服务端必须能够接收并处理表单数据中的文件。

### 回答2：
在JavaScript中，可以使用Ajax来处理文件上传而不通过提交表单。下面是一种使用Ajax进行文件上传的方式：

1. 创建一个HTML表单，包含一个文件选择输入框和一个上传按钮。

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

2. 在JavaScript中，给上传按钮添加一个点击事件的监听器，并阻止默认的表单提交行为。

document.getElementById('uploadButton').addEventListener('click', function(event) {
  event.preventDefault(); // 阻止表单提交

  // 获取文件输入框中选中的文件
  var fileInput = document.getElementById('fileInput');
  var file = fileInput.files[0];

  // 创建FormData对象，并将文件添加到其中
  var formData = new FormData();
  formData.append('file', file);

  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 设置请求方式和URL
  xhr.open('POST', 'file_upload.php', true);

  // 监听上传进度
  xhr.upload.addEventListener('progress', function(event) {
    if (event.lengthComputable) {
      var percent = (event.loaded / event.total) * 100;
      console.log('已上传 ' + percent + '%');
    }
  });

  // 监听上传完成
  xhr.addEventListener('load', function(event) {
    console.log('上传完成');
  });

  // 发送请求
  xhr.send(formData);
});

3. 创建一个服务器端脚本（例如使用PHP），用于接收文件并进行处理。

<?php
$file = $_FILES['file'];

// 处理上传的文件
// ...

// 返回上传结果
// ...
?>

通过以上代码，就可以使用JavaScript进行文件上传的操作了。当点击上传按钮时，会通过Ajax发送一个POST请求到服务器，把选中的文件传递给服务器端脚本进行处理。

### 回答3：
要实现JavaScript文件上传而不通过form的submit提交文件，可以使用Ajax的方式发送文件数据。

首先，需要先创建一个input元素，用于选择要上传的文件：

<input type="file" id="fileInput">

然后，在JavaScript代码中获取到选择的文件，并使用FormData对象来包装文件数据：

var fileInput = document.getElementById('fileInput');
var file = fileInput.files[0];

var formData = new FormData();
formData.append('file', file);

接下来，使用XMLHttpRequest对象来发送文件数据。需要注意的是，需要将`enctype`属性设置为`multipart/form-data`，并且通过`onreadystatechange`事件来监听服务器返回的数据：

var xhr = new XMLHttpRequest();
xhr.open("POST", "上传文件的服务器URL", true);
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        // 文件上传成功，处理服务器返回的数据
        var response = xhr.responseText;
        console.log(response);
    }
};

xhr.send(formData);

这样就可以通过Ajax方式将文件数据发送到服务器进行上传了。在服务器端，可以根据具体的需求来处理上传的文件。