首页 > 其他分享 >大屏读取本地文件-js读取csv文件之FileReader

大屏读取本地文件-js读取csv文件之FileReader

时间:2023-08-26 10:44:17浏览次数:53  
标签:文件 const 读取 FileReader result file reader csv

<script>
    function readCsv() {
      const file = document.getElementById('uploadFile').files[0];
      if (file.type != "text/csv") {
        alert("文件类型错误");
        return;
      }
      var reader = new FileReader();
      const data = [];
      reader.onload = function () {
        const result = reader.result;
        let lines = result.split("\r\n");
        lines.map(function (item, index) {
          let line = item.split(",");        
            data.push(line);   
        });
        console.log(data);
      };
      reader.readAsText(file);
    }
  </script>
  <body>
    <input type="file" name="file" id="uploadFile" onchange="readCsv(this);" />
  </body>

文件读出来是数组
image

标签:文件,const,读取,FileReader,result,file,reader,csv
From: https://www.cnblogs.com/aeolian/p/17658464.html

相关文章

  • 文件日期 修改时间
    日期字符串转日期pd.to_datetime判断字符串是否是日期字符串defcanbe_date(x:str="0"):if(type(x)!=str)orx=="":#if(xin[None,"",pd.NaT])or(type(x)!=str)returnFalsetry:pd.to_datetime(x,format="%Y-%m-%d......
  • 【873】Python读取NetCDF中的scale_factor和add_offset
    参考:python中scale的用法_在netCDF4和Python中使用scale_factor和add_offset的示例?参考代码:importnetCDF4asncdir_path="./2m_temperature/03_TIFF/"files=os.listdir(dir_path)files=sorted(files)forfileinfiles:iffile.find('.tiff')<......
  • # yyds干货盘点 # 盘点一个dataframe读取csv文件失败的问题
    大家好,我是皮皮。一、前言前几天在Python钻石群【心田有垢生荒草】问了一个Pandas数据处理的问题,一起来看看吧。大佬们求教个方法 现在有个数据量很大的dataframe 要吐csv格式 但结果总是串行 加了encoding='utf-8'还是没解决 还有其他方法么?下图是他提供的图片:二、实现......
  • 第四章文件管理
    0.初识文件管理一个文件有哪些属性?文件名:由创建文件的用户决定文件名,主要是为了方便用户找到文件,同一目录下不允许有重名文件。标识符:一个系统内的各文件标识符唯一,对用户来说毫无可读性,因此标识符只是操作系统用于区分各个文件的一种内部名称。类型:指明文件的类型位置......
  • git_使用git worktree命令使不同分支的代码文件可以同步运行
    情景再现:我本地代码正在开发后台系统的过程中,前台开发的同事时不时地会来找我要IP地址,使用正在开发的后台管理系统来进行一些数据的增删改查.这个时候直接提供正在开发的版本的开发服务器地址是不行的,因为随着代码的编写时不时的报个bug是家常便饭,对于使用者来说非常......
  • .NetCore WebAPI 导入、导出Excel文件 导入
    先下载一个NuGet包 在接口写方法//导入[HttpPost][Route("Import")]publicIActionResultImportExcel()//IFormFileformFile{try{varformFile=HttpContext.Request.Form.Files[0];//......
  • 通过Maven将文件上传到阿里云对象存储OSS
    首先在阿里云开通对象存储OSS功能(免费的),然后在Bucket列表中创建一个Bucket,地域建议选择华东1(杭州),因为这样后面就不用修改Endpoint,或者你直接记住Endpoint也行,读写仅限为公共读,其他的选项就默认的就行了。然后在右上角的头像初点击AccessKey管理,选择继续使用AccessKey,点击创建Ac......
  • 通过修改注册表的方式更改文件夹选项(文件资源管理器选项)
     文件夹选项(在控制面板里面叫做文件资源管理器选项)在注册表中的位置:[HKEY_CURRENT_USER\Software\Microsoft\Windows\CurrentVersion\Explorer\Advanced]在这个地方下面有很多键值,我通过查资料和自己尝试的方式找到了它们所对应的设置项(有一些实在不知道是什么,只有放在那里......
  • 【C#】 文件选择
    1.从工具箱中“双击”FolderBrowserDialog(或则在类中使用newFolderBrowserDialog()均可,本文主要描述窗体使用)。2.加上一个“选择”按钮,在按钮点击事件下添加如下代码,控件可以投入使用了。1///<summary>选择按钮点击事件</summary>2privatevoidBtnSelect_Click(obje......
  • Linux系统:第四章:Linux文件系统
    Linux文件系统 概述Linux系统中只有一个文件系统,以“/”作为根目录,从根目录出发可以找到任何一个文件和目录。这样就有了一个访问目录、文件的统一规范。在根目录下的诸多目录都有特定的作用,其中有些目录对我们日常操作来说非常的重要。[bin]是binary的缩写,这个目录存放着......