vue循环发起请求，等一个请求结束后，进行下一次请求

最新推荐文章于 2024-09-05 18:18:15 发布

不想上班只想要钱

最新推荐文章于 2024-09-05 18:18:15 发布

阅读量2.2k

点赞数 7

分类专栏： vue 前端文章标签： vue.js javascript 前端

本文链接：https://blog.youkuaiyun.com/Aa12364567/article/details/137825318

版权

文章讲述了在Vue应用中，如何使用async/await和Promise实现文件的并发上传，处理文件列表中同名文件，以及在上传过程中进行异步操作和错误处理的过程。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vue循环发起请求，等一个请求结束后，进行下一次请求
async await new Promise

    async filesSubmitted(files, fileList) {
   
      if (files.length === 0) {
   
        return this.$message.error("文件列表存在同名文件，请关闭文件列表后再试。");
      }

      for (let file of files) {
   
        const path = this.filePath
        const name = file.relativePath
        const size = file.size
        var formData = new FormData();
        formData.append('concurrentType', this.fileType)
        formData.append('fileName', path + name)
        formData.append('partCount', Math.ceil(size / this.chunkSize))
        formData.append('fileSize', size)
        formData.append('userId',this.createUser)
        formData.append('type',1)
        if (this.fileSetCode) {
   
          formData.append('datase