Vue学习之路 - JS页面文件内容读取

直接上方法代码：

<input type="file" class="file">
<el-button size="small" @click="readFile" >读取</el-button> 

click方法：

    　　　　　let fileselect = document.querySelector('input[type=file]').files[0];//找到文件上传的元素        
            let reader = new FileReader()
            if (typeof FileReader === 'undefined') {
                alert('您的浏览器不支持FileReader接口')return
            }
            reader.readAsText(fileselect, 'gb2312')//注意读取中文的是用这个编码，不是utf-8
            reader.onload = function () {
                console.log(reader.result);                
            }