Vuejs загружает несколько файлов, загружая только 1 файл за раз

Я работаю над приложением VueJS и использую net core в качестве бэкэнда,

У меня есть компонент с функцией загрузки, который работает, но не так, как ожидалось, например, если я решил загрузить 3 файла, он загрузит только первый из 3.

Мой HTML

<div class = "container">
        <div class = "large-12 medium-12 small-12 cell">
          <label>
            Files
            <input type = "file" name = "file" ref = "files" multiple v-on:change = "fileChange($event.target.files)" />
          </label>
          <v-btn outline color = "primary" dark v-on:click = "upload()">Submit</v-btn>
        </div>
      </div>

Часть моего сценария

  export default {
    name: 'Profile',
    data() {
      return {
        records: [],
        application: [],
        profile: [],
        history: [],
        userValues: [],
        dialog: false,
        notifications: false,
        sound: true,
        widgets: false,
        files: new FormData()        
      };
    },
    methods: {

        });
      }

И мой контроллер

 [Produces("application/json")]
[Route("api/[controller]")]
public class UploadController : Controller
{
    private IHostingEnvironment _hostingEnvironment;

    public UploadController(IHostingEnvironment hostingEnvironment)
    {
        _hostingEnvironment = hostingEnvironment;
    }

                {
                    file.CopyTo(stream);
                }
            }
            return Json("Upload Successful.");
        }
        catch (System.Exception ex)
        {
            return Json("Upload Failed: " + ex.Message);
        }
    }
}

Также вместе с файлами я хотел бы передать email: this.profile.email в качестве параметра из моего vue.

Как я уже сказал, он работает, но только один файл за раз.