JS,Vue读取TXT文本,分段展示,匹配换行
<input type="file" @change="loadTextFromFile">loadTextFromFile(e){const file = e.target.files[0];const reader = new FileReader();reader.onload = e => th...
·
<input type="file" @change="loadTextFromFile">
loadTextFromFile(e){
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = e => this.$emit("load", this.dealNum(e.target.result));
reader.readAsText(file);
},
dealNum(item){
console.log(item)
}
或者
<input type="file" @change="loadTextFromFile">
loadTextFromFile: function(e) {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = e => this.$emit("load", this.dealNum(e.target.result));
reader.readAsText(file);
},
dealNum(item){
console.log(item)
}
打印如内容示例:
txt:
我 我 我 我 我 我
看 看 看 看 看 看
你 你 你 你 你 你
打印内容为:
我我我我我我看看看看看看你你你你你你
匹配换行 如果txt文本中有换行:DOM中的标签需要修改,不能使用插值表达式, 使用v-html
<input type="file" @change="loadTextFromFile">
loadTextFromFile: function(e) {
const file = e.target.files[0];
const reader = new FileReader();
reader.onload = e => this.$emit("load", this.dealNum(e.target.result));
reader.readAsText(file);
},
dealNum(item){
let word = item.replace(/\n|\r\n/g,"<br/>")
console.log(word)
}
示例:
假如txt文件中是:
我 我 我 我 我 我
看 看 看 看 看 看
你 你 你 你 你 你
打印出内容为:
我 我 我 我 我 我
看 看 看 看 看 看
你 你 你 你 你 你
更多推荐
已为社区贡献7条内容
所有评论(0)