用js写一个文件提交模块

好的，以下是用 JavaScript 写一个文件提交模块的基本步骤：

1. 首先需要在 HTML 中创建一个表单，包含一个文件输入框和一个提交按钮。

<form>
  <input type="file" id="fileInput">
  <button type="submit" id="submitButton">提交</button>
</form>

2. 然后在 JavaScript 中获取表单元素和提交按钮，并为提交按钮添加点击事件监听器。

const form = document.querySelector('form');
const fileInput = document.querySelector('#fileInput');
const submitButton = document.querySelector('#submitButton');

submitButton.addEventListener('click', (event) => {
  event.preventDefault(); // 阻止表单默认提交行为
  const file = fileInput.files[0]; // 获取选择的文件
  const formData = new FormData(); // 创建表单数据对象
  formData.append('file', file); // 添加文件到表单数据中

  // 发送文件上传请求
  fetch('/upload', {
    method: 'POST',
    body: formData
  })
  .then(response => {
    console.log('上传成功');
  })
  .catch(error => {
    console.error('上传失败', error);
  });
});

3. 最后在服务器端接收文件上传请求，并将文件保存到服务器中。

const express = require('express');
const multer = require('multer');
const app = express();
const upload = multer({ dest: 'uploads/' }); // 指定上传文件保存的目录

app.post('/upload', upload.single('file'), (req, res) => {
  console.log(req.file); // 输出上传的文件信息
  res.send('文件上传成功');
});

app.listen(3000, () => {
  console.log('服务器已启动');
});

以上就是用 JavaScript 写一个文件提交模块的基本步骤，其中涉及到了 HTML、JavaScript 和 Node.js（Express 和 Multer）等技术。