文件选择按钮原生和element框架获取的区别

区别

原生样式

我们再做文件选择按钮，有时适用原生的

<input type="file" :action="uploadURL" ref="upload" style="width: 200px; height: 30px;" accept=".apk" id="appPush" @change="appSelect1()">

element样式

有时适用其他框架的，如element框架按钮

<el-button 
   slot="trigger" 
   size="small" 
   type="primary"
   :on-change="importFile" 
>
选取文件
</el-button>

所以我们再选择文件中，要注意两种方式不一样

 

方法

原生方法

原生的按钮使用，这个不用带参数：

importFile(){ 
   var objFile = document.getElementById('fileid').files[0];//element框架不适用，仅用于原生js
}

importFile(){ 
   var objFile = document.getElementById('fileid').files;//element框架不适用，仅用于原生js
}

 

element方法

element按钮使用,这个file是参数带过去的：

importFile(file){
   var objFile = file.raw;
  ...略。。。
}<