HTTP 发送视频到服务端 示例

HTTP（Hypertext Transfer Protocol）是一种用于传输数据的应用层协议，常用于网页浏览，但也可以用于文件上传，包括视频。发送视频文件到服务端通常涉及以下几个步骤：

1. **创建表单**：在前端，你可以使用HTML创建一个文件输入字段 `<input type="file">`，让用户选择需要上传的视频。

<form action="/upload" method="POST" enctype="multipart/form-data">
  <label for="video-file">选择视频:</label>
  <input type="file" id="video-file" name="video" accept=".mp4, .avi, .mkv">
  <input type="submit" value="上传">
</form>

这里，`enctype="multipart/form-data"` 是关键部分，它允许发送二进制数据，如文件。

2. **编码视频**：视频通常很大，不适合直接通过URL传输。可以先将其转换为流式数据（如MIME类型的video/mp4），或者压缩为较小的文件。

3. **提交请求**：用户点击“上传”按钮后，浏览器会发起一个POST请求到指定的服务器地址 "/upload"。使用JavaScript可以实现异步上传，例如使用fetch API 或 XMLHttpRequest。

const fileInput = document.getElementById('video-file');
fileInput.addEventListener('change', async (e) => {
  const file = e.target.files[0];
  const formData = new FormData();
  formData.append('video', file);
  try {
    const response = await fetch('/upload', {
      method: 'POST',
      body: formData,
    });
    // 检查响应状态码并处理结果
  } catch (error) {
    console.error('Upload failed:', error);
  }
});

4. **服务端处理**：在服务器端（比如Node.js、PHP、Python等），你需要解析请求体并保存视频。这通常涉及到读取formData中的文件内容，并将其存储到数据库或磁盘上。

// 使用Express作为示例
app.post('/upload', (req, res) => {
  const videoFile = req.file('video'); // 获取上传的文件
  // 将视频保存到服务器
  saveVideoToServer(videoFile, (err) => {
    if (err) {
      res.status(500).send('Failed to upload video');
    } else {
      res.send('Video uploaded successfully');
    }
  });
});