Advertisement

Vue上文件上传的常见问题及解决方案

阅读量:

在此过程中耗费了两天的时间,有必要对相关经验进行一番梳理与总结。

复制代码
    <input multiple type="file" ref="file" id="uploadFile" @change="aaa($event)">
    
    
复制代码
    aaa(e) {
      console.log('e.target.files')
      console.log(e.target.files)
    },
    
    

这是获取file文件的一种途径,即通过e.target.files来实现,该方式能够将相关数据输出显示出来。

在这里插入图片描述

该段代码应置于所提交方法之中

第二种方式为 document.getElementById('uploadFile').files
第三种方式为 this.$refs.file.files

复制代码
    this.files = document.getElementById('uploadFile').files
    console.log('werqw

全部评论 (0)

还没有任何评论哟~