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

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() {

    // 完成全部上传

})