无法将文件发送到服务器

Question

我需要将文件上传到服务器。这是我非常简单的代码：

<div id="app">
      <button style="margin-top: 10px; margin-left: 7px; margin-bottom: 2px;" class="btn btn-primary" v-on:click="onUpload">Button</button> 
      <input type="file" @change="onFileChanged"> 

</div>

和：

<script>
    var app = new Vue({
  el: '#app',
  data: {
    selectedFile: null,
  },
    methods: 
    {
      onFileChanged: function(event)
      {
        this.selectedFile = event.target.files[0]
        console.log('selectedFile length ', this.selectedFile.length ); 
      },

       onUpload: function()
       {
          this.$http.post('http://127.0.0.1:8000/upload', this.selectedFile).then(response => {

            console.log('onUpload file ', this.selectedFile.length );    
            status =  response.status;
            console.log('status --> ', status)
            response.statusText;

          }, response => {
            // error callback
             console.log('error ')
          });
       }
    }

})
</script>

此代码似乎无法在控制台上工作的问题，我得到了错误： onUpload file undefined

在服务器中，我正在检查传入文件的长度，该长度为0。所以我认为代码中存在一些问题。