前言:
眼前同学们对“net 读取txt文件内容”大约比较注重,各位老铁们都想要知道一些“net 读取txt文件内容”的相关内容。那么小编在网络上网罗了一些有关“net 读取txt文件内容””的相关内容,希望同学们能喜欢,看官们一起来了解一下吧!本文转载于
需求:点击上传txt文件,先读取txt文件中的内容进行展示。
上传使用的是element的upload如下:
<el-upload action="/" ref="upload" accept=".txt" :before-upload="beforeUpload" :disabled="this.fileList.length !== 0" :default-file-list="this.fileList"><el-button type="primary" :disabled="this.fileList.length !== 0">上传文件</el-button></el-upload>
下面是业务逻辑:
beforeCreate() { // 读取文件 FileReader.prototype.reading = function ({encode} = pms) { let bytes = new Uint8Array(this.result); //无符号整型数组 let text = new TextDecoder(encode || 'UTF-8').decode(bytes); return text; }; /* 重写readAsBinaryString函数 */ FileReader.prototype.readAsBinaryString = function (f) { if (!this.onload) //如果this未重写onload函数,则创建一个公共处理方式 this.onload = e => { //在this.onload函数中,完成公共处理 let rs = this.reading(); console.log(rs); }; this.readAsArrayBuffer(f); //内部会回调this.onload方法 };},methods:{ beforeUpload(file){ this.fileList = [file] console.log('选择了文件beforeUpload') // 读取数据 this.read(file); return false }, read(f) { let rd = new FileReader(); rd.onload = e => { //this.readAsArrayBuffer函数内,会回调this.onload函数。在这里处理结果 let cont = rd.reading({encode: 'GBK'}); console.log(cont); let formerData = this.textData; this.textData = formerData + "\n" + cont; }; rd.readAsBinaryString(f); }}
版权声明:
本站文章均来自互联网搜集,如有侵犯您的权益,请联系我们删除,谢谢。
标签: #net 读取txt文件内容