标签: filereader

将文本区域的内容保存为带有 .csv 扩展名的纯 txt 文件

有没有办法使用txtHTML5内容保存为文件? 它不应该是真正的 csv。csv file extension

像这样的东西{type:'text/csv'};在哪里行不通{type:'text/plain'};

html javascript csv file filereader

2
推荐指数
1
解决办法
2774
查看次数

编辑文件-纯js

如何在纯js(无节点)中编辑文件?我得到一个带有输入字段的文件,并像这样读取其文本:

var fileReader = new FileReader();
fileReader.readAsText(file);

fileReader.onload = function () {
    alert(this.result);
}
Run Code Online (Sandbox Code Playgroud)

所以,非常简单。我尝试在网上查看如何使用 fileWriter 但没有成功。我只需要编辑该文件中的文本并保存它,该怎么办?

javascript filereader filewriter

2
推荐指数
1
解决办法
2万
查看次数

在react.js中上传后如何从onChange函数获取视频时长

我想在 react.js 上传后从 onChange 函数获取视频时长。我已经在 stackblitz 中分享了我的代码。链接在这里 -工作演示

我在代码中提到我需要获取视频时长。我在 onchange 函数的reader.onloadend部分需要它。这是我在以下部分给出的代码:

import React, { Component } from 'react';
import { render } from 'react-dom';
import Hello from './Hello';
import './style.css';

class App extends Component {
  constructor() {
    super();
    this.state = {
      name: 'React',
      get_video: '',
      videoAttribute: []
    };
  }

  chosenVideo(e) {
        e.preventDefault();

        /*this.setState({
            file_state: e.target.files[0]
        });*/

        var file = e.target.files[0];
        var file_state = e.target;
        var reader = new FileReader();
        reader.onloadend = () => {
            this.setState({
                get_video: reader.result, …
Run Code Online (Sandbox Code Playgroud)

javascript onchange filereader reactjs video-upload

2
推荐指数
1
解决办法
5816
查看次数

浏览器中的 SheetJS (js-xlsx):从 Blob 读取工作簿

我在尝试使用 SheetJS 从 构建 Workbook 对象时遇到了困难Blob,而不是像拖放或文件输入元素事件这样的客户端事件。后两者在文档的示例Blob中有所介绍,但我缺乏从我所拥有的、通过FileReader事件并转换为 API 所需的 JS-fu XLSX.read()

给定浏览器中的 a Blob,这如何实现,或者可以实现吗?

filereader typescript sheetjs

2
推荐指数
1
解决办法
4405
查看次数

npm csv-parse 不读取所有行

我正在尝试使用csv-parse读取 CSV ,但最后一行未被读取。我的代码:

const handleFiles = event => {
  const f = event.target.files[0];
  const parser = CsvParse({delimiter: ',', columns: true});
  parser.on('readable', function(){
    console.log('readable');
    let record;
    // eslint-disable-next-line no-cond-assign
    while (record = parser.read()) {
      console.log(record);
    }
  });
  const reader = new FileReader();
  reader.onload = (function() {
    return function(e) {
      console.log('Writing');
      parser.write(e.target.result);
    };
  })(f);

  reader.readAsText(f);
};
Run Code Online (Sandbox Code Playgroud)

输入:

Letter,Number
A,1
B,2
C,3
Run Code Online (Sandbox Code Playgroud)

输出:

Writing
readable
{Letter: "A", Number: "1"}
readable
{Letter: "B", Number: "2"}
Run Code Online (Sandbox Code Playgroud)

为什么C3不被读取?
为什么“可读”被打印两次?我有一种感觉,我没有正确理解 csv-parse。

谢谢

javascript csv filereader node-csv-parse

2
推荐指数
1
解决办法
1013
查看次数

Angular 中的图像/视频预览

我正在尝试在 Angular 中上传图片或视频。我想显示它的预览。我在预览图像时没有问题,我的问题是如何预览视频?请看这个stackblitz链接:

点击这里


代码

 onSelectFile(event) {
    if (event.target.files && event.target.files[0]) {
      var reader = new FileReader();

      reader.readAsDataURL(event.target.files[0]);

      reader.onload = (event) => {
        this.url = event.target.result;
      }
    }
  }
Run Code Online (Sandbox Code Playgroud)

events filereader angular angular6 angular7

2
推荐指数
1
解决办法
5982
查看次数

从大文件中以非升序读取多行

我有一个非常大的文本文件,超过1GB,并且有一个代表行号的整数列表,需要生成另一个文件,其中包含新文件中原始文件行号的文本。

原始大文件示例:

ogfile line 1
some text here
another line
blah blah
Run Code Online (Sandbox Code Playgroud)

因此,当我得到“ 2,4,4,1”的列表时,输出文件应为:

some text here
blah blah
blah blah
ogfile line 1
Run Code Online (Sandbox Code Playgroud)

我试过了 string lineString = File.ReadLines(filename).Skip(lineNumList[i]-1).Take(1).First();

但这要花很长时间,因为必须读取文件,跳到有问题的行,然后在下一次重新读取...而且我们正在谈论1GB文件中的数百万行,而我List<int>是成千上万的行号。

是否有更好/更快的方法来读取单行,或者让读者跳到特定的行号而不逐行“跳过”?

c# file streamreader filereader

2
推荐指数
1
解决办法
275
查看次数

访问 ts 中 fileReader onload 函数内的变量

我一直在尝试使用文件阅读器从读取 base64 路径上传图像。首先,我使用了类似的代码,

const reader: FileReader = new FileReader();
            reader.onload = function(e: any) {
                const imgBase64Path = e.target.result;
                this.documentBase64 = imgBase64Path;
                this.isImageSaved = true;
                this.documents.content = imgBase64Path.toString();
            };
Run Code Online (Sandbox Code Playgroud)

在这里,使用“this”在 onload 内部声明的所有变量都没有在外部更新。但是当我改变代码时,

const reader: FileReader = new FileReader();
            const this_ = this;
            reader.onload = function(e: any) {
                const imgBase64Path = e.target.result;
                this_.documentBase64 = imgBase64Path;
                this_.isImageSaved = true;
                this_.documents.content = imgBase64Path.toString();
            };
Run Code Online (Sandbox Code Playgroud)

它按预期工作得很好。我无法理解第一个代码的错误是什么以及为什么第二个代码工作正常。我希望有人能帮助我理解这一点......

html filereader typescript angular

2
推荐指数
1
解决办法
2248
查看次数

Chrome,FileReader API,event.target.result ===“”

FileReader我有一个网络应用程序,它通过API 的方法对大文本文件(> 500mb)进行一些处理readAsText()
多年来它一直运行良好,但突然我得到了空响应:event.target.result是一个空字符串。

369MB 可以工作,但 589MB 不行。

我在多台电脑上测试过;结果相同,但它在 Firefox 中确实有效。Chrome 肯定在最近的更新中引入了这一点。

这个bug已经提交了吗?

有什么解决方法吗?

javascript google-chrome filereader

2
推荐指数
1
解决办法
1428
查看次数

为什么FileReader没有flush,而FileWriter有呢?

假设我尝试运行这段代码:

FileWriter fw = new FileWriter("a.txt");
fw.write("A");
Run Code Online (Sandbox Code Playgroud)

它不会工作,因为数据被缓冲,并且在达到最大缓冲区大小之前不会自动刷新。所以我们用 手动刷新fw.flush();,之后就可以了。

然后我想从同一个文件中读取数据。我这样做并且效果很好:

FileReader fr = new FileReader ("a.txt");
System.out.println (fr.read ());
OUTPUT: 65
Run Code Online (Sandbox Code Playgroud)

有人能告诉我为什么没有方法flush()fileReader?我的意思是它不应该起到相反的作用吗fileWriter?在这种情况下,数据将在读取之前进行缓冲,而不是在发送到源之前缓冲数据。我担心我错过了一些基本的东西,有人可以指出吗?

java io buffer filereader filewriter

2
推荐指数
1
解决办法
362
查看次数