前端直接读取文本文件内容

前端读取文本并直接展示

<template><label class="text-reader"><input type="file" @change="loadTextFile"></label><pre>{{ fileContent }}</pre>
</template><script lang="ts">
export default {name: "upload",data() {return {fileContent: '文件内容'}},methods: {loadTextFile(e: any) {let self = thisconst file = e.target.files[0];const reader = new FileReader();reader.onload = (ev) => {self.fileContent = ev.target.resultconsole.log(self.fileContent)}reader.readAsText(file)}}
}
</script>

前端直接读取文本文件内容相关推荐

JAVA读取文本文件内容以流的形式返回到前端
JAVA读取文本文件内容以流的形式返回到前端此方法放Controller ServletOutputStream out = null;ByteArrayOutputStream baos = nu ...
java解析txt文本文件_java读取文本文件内容方法详解，java如何读取txt文件?
你知道java读取文本文件内容方式都有哪些吗?下面要给大家分享的就是比较简单的方法,一起来了解一下吧. 如何使用java实现读取TXT文件里的内容的方法以及思路: 下面先来看一下例子:import j ...
python提供了方法用于读取文本文件内容_python提供了哪三种方法用于读取文本文件的内容？...
三种方法分别是:"read()"."readline()"."readlines()"."read()"是一次性读取文件 ...
perl读取文本文件内容
#下面的代码,按行读取文件中内容: $count = 0; while (defined(my $line=<>)){ chomp($line); $count++; ...
前端能读取压缩包内容吗?_解决前端多环境部署的痛点
前言 "如果你有开发环境.测试环境.预发布环境.正式环境, 那么如何去部署你的项目将会是一件很头大的事情." 市面上已经有很多成熟的自动化构建部署方案,区别就是设置门槛和便捷性问题 ...
前端JS读取文件内容并展示到页面上
核心法宝:FileReader {this.returnDomFun(<><UploadFiletitle={'AAAA'}fileName={fileName}onChangeIn ...
vue中读取文本文件内容_vue中读取本地文件
背景再项目开发过程中,有动态设置字体图标的需求,保证图标选框中的图标和最后发布的项目图标库一致. 思路读取本地字体图标库文件,然后进行相应的字符串转换,这样就可以保持图标的一致啦步骤 1.获取本 ...
oracle 直接读取文件内容,Perl读取文本文件内容
################################## 按行读取文件 ################################## open(FILE,"filenam ...
js 读取php文件内容为空,PHP 读取文件内容代码(txt,js等)
PHP 读取文件内容代码(txt,js等) 发布于 2014-10-15 20:15:37 | 128 次阅读 | 评论: 0 | 来源: 网友投递 PHP开源脚本语言PHP(外文名: Hyperte ...
java中打开特定编码的文本_指定编码写入和读取文件内容
为了完美解决你的问题,特分享我自己的FileKit.java工具给你. 你只需要使用createFile方法,传入一行一个的List对象就可以生成了,目录不存在这些都判断了,只要你的目录可写就行了. ...

前端直接读取文本文件内容

前端直接读取文本文件内容相关推荐

最新文章

热门文章