GVKun编程网logo

如何在React.js中上传和读取CSV文件?(react 读取文件)

27

以上就是给各位分享如何在React.js中上传和读取CSV文件?,其中也会对react读取文件进行解释,同时本文还将给你拓展c#–如何从url读取csv文件?、c#–如何在ASP.NETMVC3中上传

以上就是给各位分享如何在React.js中上传和读取CSV文件?,其中也会对react 读取文件进行解释,同时本文还将给你拓展c# – 如何从url读取csv文件?、c# – 如何在ASP.NET MVC3中上传和读取CSV文件、C#写入(覆盖形式)数据到CSV文件 和 读取CSV文件、CSV文件数据如何读取、导入、导出到新的CSV文件中以及CSV文件的创建等相关知识,如果能碰巧解决你现在面临的问题,别忘了关注本站,现在开始吧!

本文目录一览:

如何在React.js中上传和读取CSV文件?(react 读取文件)

如何在React.js中上传和读取CSV文件?(react 读取文件)

我希望用户上传一个.csv文件,然后让浏览器能够解析该文件中的数据。我正在使用ReactJS。这将如何运作?谢谢。

答案1

小编典典

弄清楚了。的组合反应文件阅读器和HTML5的的FileReader(见本页)。

将react-file-reader位放在render内部:

<ReactFileReader handleFiles={this.handleFiles} fileTypes={''.csv''}>    <button className=''btn''>Upload</button></ReactFileReader>

然后在上面。

handleFiles = files => {    var reader = new FileReader();    reader.onload = function(e) {        // Use reader.result        alert(reader.result)    }    reader.readAsText(files[0]);}

c# – 如何从url读取csv文件?

c# – 如何从url读取csv文件?

我试图创建一个网页服务,获取一个URL,例如www.domain.co.uk/prices.csv然后读取csv文件.这是可能的吗?理想情况下没有下载csv文件?

解决方法

你可以使用:
public string GetCSV(string url)
{
    HttpWebRequest req = (HttpWebRequest)WebRequest.Create(url);
    HttpWebResponse resp = (HttpWebResponse)req.GetResponse();

    StreamReader sr = new StreamReader(resp.GetResponseStream());
    string results = sr.ReadToEnd();
    sr.Close();

    return results;
}

然后拆分它:

public static void SplitCSV()
{
    List<string> splitted = new List<string>();
    string fileList = getCSV("http://www.google.com");
    string[] tempStr;

    tempStr = fileList.Split(',');

    foreach (string item in tempStr)
    {
        if (!string.IsNullOrWhiteSpace(item))
        {
            splitted.Add(item);
        }
    }
}

虽然有很多的CSV解析器在那里,我建议不要滚动自己的. FileHelpers是一个很好的.

c# – 如何在ASP.NET MVC3中上传和读取CSV文件

c# – 如何在ASP.NET MVC3中上传和读取CSV文件

我正在处理一个项目,我需要上传一个CSV文件并阅读它.
我在Visual Studio 2010和MVC3和C#语言中工作.

如果我要使用html fileuplaod控件,我想如何获取上传的文件并在客户端本身读取它而不将文件保存在服务器中.
我必须使用jquery吗?
我搜索过但没有得到满足我要求的解决方案.我是MVC3和CSV文件处理的新手,非常困惑.

*上传.csv文件并将其读取以便将其保存在数据库中的最简单方法是什么.

一个明确的解决方案将受到高度赞赏.谢谢.

解决方法

您可以做的是将文件保存在服务器上,然后在从中读取内容后,您可以删除该文件.

我认为你无法从客户端阅读.您必须将其上传到您的服务器上才能阅读.

using (StreamReader CsvReader = new StreamReader(input_file))
                {
                    string inputLine = "";

                    while ((inputLine = CsvReader.ReadLine()) != null)
                    {
                        values.Add(inputLine.Trim().Replace(",","").Replace(" ",""));
                    }
                    CsvReader.Close();
                    return values;
                }

C#写入(覆盖形式)数据到CSV文件 和 读取CSV文件

C#写入(覆盖形式)数据到CSV文件 和 读取CSV文件

/// <summary>
        /// 写入数据到CSV文件,覆盖形式
        /// </summary>
        /// <param name="csvPath">要写入的字符串表示的CSV文件</param>
        /// <param name="LineDataList">要写入CSV文件的数据,以string[]类型List表示的行集数据</param>
        public static   void OpCsv(string csvPath, List<string[]> LineDataList)
        {
            using (FileStream fs = new FileStream(csvPath.Trim(), FileMode.OpenOrCreate, FileAccess.ReadWrite))
            {
                using (StreamWriter sw = new StreamWriter(fs, Encoding.Default))
                {
                    StringBuilder sb_csvStr = new StringBuilder();
                    for (int i = 0; i < LineDataList.Count; i++)//<--row
                    {
                        sb_csvStr.Clear();
                        for (int j = 0; j < LineDataList[i].Length; j++)//<--col
                        {
                            sb_csvStr.Append(string.Format("{0},", LineDataList[i][j].ToString()));
                        }
                        sw.WriteLine(sb_csvStr.ToString().Substring(0, sb_csvStr.ToString().Length - 1));
                    }
                    fs.Flush();
                }
            }
        }

 

/// <summary>
        /// 读取csv文件
        /// </summary>
        /// <param name="csvPath">string 标识的 csv文件路径</param>
        /// <returns>返回的读取的 csv 文件的行集合</returns>
        public static string[] ReadCsv(string csvPath)
        {
            string[] csvLineList = File.ReadAllLines(csvPath, Encoding.Default);
            return csvLineList;
        }    

 

CSV文件数据如何读取、导入、导出到新的CSV文件中以及CSV文件的创建

CSV文件数据如何读取、导入、导出到新的CSV文件中以及CSV文件的创建

CSV文件数据如何读取、导入、导出到新的CSV文件中以及CSV文件的创建

一.csv文件的创建

(1)新建一个文本文档:

打开新建文本文档,进行编辑。

注意:关键字与关键字之间用英文半角逗号隔开。第一行为引用字段,第二行为对应值。例如:

(2)生成csv文件

将文本文档重命名更改文件扩展名,将“.txt”改为“.csv”

重命名重新打开后就是一个CSV文件格式。例如:

二.数据的表示和读写

csv文件的每一行都是一维数据,可以使用python中的列表类型表示,整个csv文件是一个二维数据,由表示每一行的列表类型作为元素,组成一个二维列表。

注:打开CSV文件的路径可以是绝对路径也可以是相对路径,可根据个人习惯来编写。

(1)导入csv格式数据到列表:

1 fo=open("city.csv","r")#打开命名为city的CSV文件
2 ls=[] #定义一个空列表,将CSV中读取的文件放进列表
3 for line in fo:
4     line=line.replace("\n","")
5     ls.append(line.split(","))
6 print(ls)
7 fo.close()#关闭文件

运行结果:

[[''城市'', ''环比'', ''同比'', ''定基''], [''北京'', ''101.5'', ''120.7'', ''121.4''], [''上海'', ''101.2'', ''127.3'', ''127.8''], [''广州'', ''101.3'', ''119.4'', ''120.0''], [''深圳'', ''102.0'', ''140.9'', ''145.5''], [''沈阳'', ''100.1'', ''101.4'', ''101.6''], ['''', '''', '''', '''']]

(2)逐行处理CSV格式数据:

 1 fo=open("city.csv","r")#打开命名为city的CSV文件
 2 ls=[]#定义一个空列表,将CSV中读取的文件放进列表
 3 for line in fo:
 4     line=line.replace("\n","")
 5     ls=line.split(",")
 6     lns=""
 7     for s in ls:
 8         lns+="{}\t".format(s)
 9     print(lns)
10 fo.close()

运行结果:

城市    环比    同比    定基    
北京    101.5    120.7    121.4    
上海    101.2    127.3    127.8    
广州    101.3    119.4    120.0    
深圳    102.0    140.9    145.5    
沈阳    100.1    101.4    101.6

(3)将一维数据写入CSV文件:

1 fo=open("city.csv","w")
2 ls=[''湖北'',''101.2'',''120.7'',''121.4'']
3 fo.write(",".join(ls)+"\n")
4 fo.close()

运行结果;

city.csv文件原有数据:

运行之后的数据:

(4)将二维数据写入CSV文件:

 1 fr=open("city1.csv","r")
 2 fw=open("city1out.csv","w")
 3 ls=[]
 4 for line in fr:#将CSV文件当中的二维数据读到列表当中去
 5     line=line.replace("\n","")
 6     ls.append(line.split(","))
 7 for i in range(len(ls)):#遍历列表变量计算百分数
 8     for j in range(len(ls[i])):
 9         if ls[i][j].replace(".","").isnumeric():
10             ls[i][j]="{:.2}%".format(float(ls[i][j])/100)
11 for row in ls:#将列表变量中的两位数据写入CSV文件当中去
12     print(row)
13     fw.write(",".join(row)+"\n")
14 fr.close()
15 fw.close()

运行结果:

city1文件数据与前两个例子的city文件的内容相同,city1out.csv文件为新建立的一个CSV文件。

 city1out.csv文件数据:

 

关于如何在React.js中上传和读取CSV文件?react 读取文件的问题我们已经讲解完毕,感谢您的阅读,如果还想了解更多关于c# – 如何从url读取csv文件?、c# – 如何在ASP.NET MVC3中上传和读取CSV文件、C#写入(覆盖形式)数据到CSV文件 和 读取CSV文件、CSV文件数据如何读取、导入、导出到新的CSV文件中以及CSV文件的创建等相关内容,可以在本站寻找。

本文标签: