vue提交文件，如何获取文件名

Question

RT.我现在提交文件到后端。在点击选择文件的同时，如何能把文件的名字直接parse出来和文件一起提交？代码如下

<input type="text" v-model="fileid">
              
<input type="file" id="file" ref="file" v-on:change="handleFileUpload($event)">

//methods
handleFileUpload(event){
                  event.preventDefault();
                  this.file = this.$refs.file.files[0];

                },

简言之，就是我希望选择文件后，文件的名字就能直接绑定到最上面的input的上。

谢谢

Answer 1

你倒是 console.log 一下嘛，files[0].name 就是文件名。