react FileReader读取TXT文件并保存 split切割字符串 map()分别渲染切割后的数组内的所有字符串

//class

my_fileReader( e ) {

console.log(e.target.files[0]);

const reader = new FileReader();

// 用readAsText读取TXT文件内容

reader.readAsText(e.target.files[0]);

reader.onload = function (e) {

console.log(e.target.result);    //读取结果保存在字符串中

let my_str = e.target.result;    //直接保存全部数据为一个字符串

let my_arr = my_str.split(/[\s\n]/);   //按空格和换行符切割字符串,并保存在数组中

this.setState({

previewPic: e.target.result,

arr : my_arr

});

}.bind(this);

};

//render

<input type="file" className="file" onChange={this.handleUpload} />

<div> {this.state.previewPic} </div>

{arr  && arr.map((item, index )=>(

<div key = {`key${index}`} >

{item}

</div>

)

)}

原文地址:https://www.cnblogs.com/alchemist-z/p/12249362.html

时间: 2024-10-06 03:52:07

react FileReader读取TXT文件并保存 split切割字符串 map()分别渲染切割后的数组内的所有字符串的相关文章

java读取txt文件的2中方法---并将内容(每一行以固定的字符分割切成2段)存到map中去

#java读取txt文件的第一种方法 /** * 方法:readTxt * 功能:读取txt文件并把txt文件的内容---每一行作为一个字符串加入到List中去 * 参数:txt文件的地址 * 返回:Map * @param file * @return * @throws IOException */ public static Map<String, String> readTxt(String file) throws IOException { Map<String, Strin

利用正则表达式读取txt文件中的邮箱,电话号码,url地址,手机号,将数据一行一个保存到一个新的文件中去

本人最近整合了从文本中提取信息,将之保存的新的文本中,在此处用到的是正则表达式,希望大家一起学习. 文件操作类:fileOperation.java package dyx_13; import java.io.BufferedReader; import java.io.BufferedWriter; import java.io.File; import java.io.FileOutputStream; import java.io.FileReader; import java.io.F

Selenium+Python参数化:读取TXT文件

概述 从Selenium模块化一文中,可以看出参数化的必要性,本文来介绍下读取外部txt文件的方法. 如何打开文件 打开文件有以下两个函数可以应用: 1.open(file_name,access_mode) file_name: 文件路径及名称: access_mode :访问方式,具体参数如下,,未提供参数,则默认为r: r:表示读取: w:表示写入: a:表示添加: +: 表示读写: b:表示2进制访问; 2.file函数 file()内建函数它的功能等于open(),如下根据文档说明可知

Javascript写入txt和读取txt文件的方法

文章主要介绍了Javascript写入txt和读取txt文件的方法,需要的朋友可以参考下1. 写入 FileSystemObject可以将文件翻译成文件流. 第一步: 例: 复制代码 代码如下: Var fso=new ActiveXObject(Scripting.FileSystemObject); 创建一个可以将文件翻译成文件流的对象. 第二步:用于创建一个textStream 对象 括号里边有三个属性 1. 文件的绝对路径 2. 文件的常数 只读=1,只写=2 ,追加=8 等权限.(Fo

JAVA读取TXT文件、新建TXT文件、写入TXT文件

1.创建TXT文件 按照正常的逻辑写就好 先定义一个文件给定一个路径——>判断这个路径上这个文件存不存在——>若不存在则建立,try/catch根据程序提示自动生成就好 2.读取TXT文件 思路1: 获得一个文件路径 以这个路径新建一个文件,判断这个文件是否以正常的文件格式存在着 以这个路径创建一个阅读缓冲器:FileInputStream——>InputStreamReader——>BufferedReader 逐行判断内容是否为空,将读取结果累加到一个字符串(result)上

C#读取txt文件

       用C#读取txt文件时,当txt中数据的分隔符是空格,而且空格数量不等时,如果直接用Split直接对每行进行分隔,那么list的数目会比每行的列数多,并不是真实的每行的列数.这时要把不等数目的空格全变成1个空格,这样计数才正确.代码如下: public static List<string>split(string s,char splitchar=' ') { return s.Split(splitchar).Select(p=>p.Trim()).Where(p=&g

.Net常用技巧_C#写入和读取txt文件

using System.Text.RegularExpressions; //脱机数据导出 private void writeTxt(string str) { string strFileName = @"\Program Files\firexungengcard\FireXungeng.txt"; FileInfo file = new FileInfo(strFileName); StreamWriter sWriter; if (file.Exists) { sWrite

c# 读取txt文件并分隔

public static List<PostPerson> GetNameByFile() { #region 读取txt文件 var file = File.Open(Environment.CurrentDirectory + "\\aaa.txt", FileMode.Open); List<string> txt = new List<string>(); using (var stream = new StreamReader(file,

读取txt文件

FileStream fs = new FileStream(@"G:\学习笔记\自学内容\读取txt文件\a.txt", FileMode.Open); StreamReader m_streamReader = new StreamReader(fs); m_streamReader.BaseStream.Seek(0, SeekOrigin.Begin); string arry = ""; string strLine = m_streamReader.Re