多文件一个个串行上传逻辑怎么写

Question

这边之前写的是一个 input框，加个multiple属性，上传到第三方服务器，只能用put方式。遍历能取到多个文件的属性，以及请求接口拿到对于多个上传到第三方服务器的上传地址。 但是不知道怎么写遍历多个文件一个个上传，就是xhr.put方法一个个传，我脑子搅在一起了。求各位说下

Answer 1

根据你给的信息，只能帮你写一段逻辑，下面代码不能直接用，具体看注释

// 定义上传一组文件的函数
// list: 文件列表
// callback: 全部完成后回调
function uploadFileList(list, callback) {
  // 上传单个文件
  // file: 要上传的文件
  // cb: 完成后回调
  function uploadFile(file, cb) {
    // 伪代码，表示上传单个文件，具体看你的上传api
    xhr.put({
      file: file,
      success: cb,
    })
  }
  if (list.length) {
    uploadFile(list[0], function() {
      var newList = list.slice(1, list.length)
      uploadFileList(newList, callback)
    })
  } else {
    callback()
  }
}

// 假数据：表示文件列表
var fileList = [fiel1, file2, file3];
// 调用上传
uploadFileList(fileList, function() {
    // 完成全部上传
})