主动存储文件上传的回调

主动存储文件上传的回调是指客户端在文件上传完成后，通过回调方式将文件的相关信息发送给服务端，以便服务端进行保存或处理。下面是一个使用JavaScript实现的示例代码：

客户端代码：

function uploadFile(file) {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();

  // 监听文件上传完成事件
  xhr.upload.addEventListener("load", function() {
    // 上传完成后的回调逻辑
    var response = JSON.parse(xhr.responseText);
    console.log("文件上传成功！文件ID：" + response.fileId);
  });

  // 监听文件上传失败事件
  xhr.upload.addEventListener("error", function() {
    console.error("文件上传失败！");
  });

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

  // 设置请求方法和URL
  xhr.open("POST", "/upload");

  // 创建FormData对象，用于存储文件数据
  var formData = new FormData();
  formData.append("file", file);

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

服务端代码（Node.js示例）：

const express = require("express");
const app = express();

// 处理文件上传请求
app.post("/upload", function(req, res) {
  // 文件上传完成后的回调逻辑
  // 获取文件数据
  const file = req.files.file;

  // 保存文件或进行其他处理
  // ...

  // 返回文件ID等相关信息
  res.json({ fileId: "123456" });
});

// 启动服务
app.listen(3000, function() {
  console.log("服务器已启动，监听端口3000");
});

在上述代码中，客户端通过XMLHttpRequest对象发送文件上传请求，并在回调函数中处理上传完成、上传失败和上传进度的逻辑。服务端使用Express框架处理文件上传请求，并在回调函数中保存文件或进行其他处理，并返回文件ID等相关信息。

请注意，上述示例是一个简化的示例，实际应用中可能需要根据具体的需求进行修改和扩展。