标签: filereader

使用Javascript中的新File API,您可以在Javascript中读取文件以创建dataURL以显示客户端的客户端图片.我想知道你是否可以在FileReader的onload回调中访问File对象.我将用一个例子来说明这一点:

var div = document.createElement('div');
div.ondrop = function(e) {
  e.preventDefault();
  e.stopPropagation();
  var files = e.dataTransfer.files;
  for ( var i=0; i<files.length; i++ ) {
    var file = files[i]; // this is the file I want!!
    var filereader = new FileReader();
    filereader.onload = function(e) {
      this; // the FileReader object
      e.target; // the same FileReader object
      this.result; // the dataURL, something like data:image/jpeg;base64,.....
      var img = document.createElement('img');
      img.src = this.result;
      img.title = file.fileName; // This won't be working
      document.appendChild(img);
    }
  } …

我目前正在尝试从我拥有的纯文本文件中读取行.我发现另一个stackoverflow(用Java读取纯文本文件)你可以使用Files.lines(..).forEach(..)但是我实际上无法弄清楚如何使用for each函数来读取line by行文本,任何人都知道在哪里寻找或如何这样做？

如果我写这个代码,我把它作为输出 - >首先:然后是其他行

try {
    BufferedReader br = new BufferedReader(new FileReader(
            "myFile.txt"));

    String line;
    while (line = br.readLine() != null) {
        System.out.println(line);
    }
    br.close();

} catch (FileNotFoundException e) {
    e.printStackTrace();
} catch (IOException e) {
    e.printStackTrace();
}

我怎么能避免呢？

当我尝试使用 FileReader 读取文件并且文件大小为 5.9gb 并且此代码运行时

var file = document.getElementById('uploadFileId').files[0];
   let reader = new FileReader();
   reader.onerror  = function() {
       console.log(reader.error);
   } 
   reader.onload = function(e) {
        console.log(" e.target.result ",e.target.result);
    }
    reader.readAsArrayBuffer(file);

然后在angularjs中生成上述错误。在这里，我想实现多部分文件要分成 5mbs 块并发送到服务器。

在html表单中,我们有一个图像字段,用于上传文件.我从http://blog.teamtreehouse.com/reading-files-using-the-html5-filereader-api上学习了教程,从本地磁盘上传图像文件时效果很好.

但是假设我有一个图片网址,请说http://www.google.com/images/logos/ps_logo2.png并希望从远程网址上传此图片,而不是从本地磁盘上传.

FileReader 从本地磁盘尝试上传图像时,API运行良好,但我们如何使用它来按网址加载图像？

base64通过在图像字段中设置,可以轻松创建图像并将其用于预览,<img src='data:image/png;base64,iAks4ds__base64__string' id='user_img'>但是应该采用哪种工作流来使用jQuery或JavaScript从远程URL上传图像？

我怎么能够？有什么建议？

我正在尝试使用FileReader获取图像的base-64表示,并将其提交给.net WebApi服务以进行图像上载.

我的问题是fileReader.result的内容无法作为base-64编码的图像,至少根据.net.

我只是使用一个非常简单的方法,并使用fiddler测试发布到服务.如果我从filereader.result发布完整的结果字符串,当我尝试使用FromBase64String读取字符串时,我收到错误"Base-64 char数组或字符串的长度无效".

public void Post([FromBody]string imgString)
    {
        var myString = imgString.Split(new char[]{','});
        byte[] bytes = Convert.FromBase64String(myString[1]);
        using (MemoryStream ms = new MemoryStream(bytes))
        {
            Image image = Image.FromStream(ms);
            image.Save("myBlargyImage.jpg");
        }
    }

是剪切+粘贴到小提琴手做的东西到我需要在这里考虑的字符串,或者还有其他我没有正确做的事情？这似乎应该是直截了当的:将图像编码为字符串,发送字符串,解码字符串,保存图像.

例如,使用filereader在客户端上显示图像的预览,我在filereader.result中获得以下内容:

SRC = "数据:图像/ JPEG; BASE64,/ 9J/4AAQSkZJRgABAgEAyADIAAD/... oBUA00AqYL/AMCg3 // Z"

我试过发送整个字符串("data ... Z"),只发送Base64字符串.目前,我正在拆分字符串服务器端以获取Base64字符串.这样做,我总是得到无效长度错误.

或者,我尝试只发送base64字符串.不知道领先/是否实际上是字符串的一部分,我在帖子正文中删除了它.这样做,我实际上可以将值读入字节数组,但是使用Image.FromStream我得到一个错误,即该数组不是有效的图像.

所以,我得到一个错误,即filereader提供的整个字符串是一个无效的长度,或者,我修改它并得到一个错误,即使它是一个有效的长度,它也不是一个有效的图像(当读取bytearray时).这就是让我想知道在filereader.read,chrome中的dev工具,然后剪切和粘贴到fiddler之间是否存在翻译或格式化问题.

更新: 我尝试了一个更现实的实现,只需将filereader.result放入$ .post()调用,它就可以正常工作了.

看来我是对的,当我触摸它以将filereader.result剪切并粘贴到服务调用中时,我或者记事本++或者fiddler正在对数据执行某些操作.

如果有人确切地知道可能是什么,或者如何验证他们是否正在向服务发送有效的图像base-64编码,那么它可能会帮助将来尝试相同事情的其他人.

同样,如果在浏览器filereader.result中产生'data:image/jpeg; base64,somestring',我只是从开发人员工具面板复制该字符串,创建一个fiddler调用,并在请求正文中包含复制的字符串:"=数据:图像/ JPEG; BASE64,somestring".不知何故,base-64'somestring'在剪切+粘贴中被碾碎.

function readURL(input) {

        if (input.files && input.files[0]) {
            reader = new FileReader();

            reader.onload = function (e) {
                $('#imgPreview').attr('src', e.target.result);
                $.post('/api/testy/t/4',
                    {'':e.target.result}
                ); …

[编辑]我用D3解决了这个问题,谢天谢地!

所以我有一个看起来像这样的csv文件,我需要将本地csv文件导入到我的客户端javascript:

    "L.Name", "F.Name", "Gender", "School Type", "Subjects"
    "Doe",    "John",  "M",      "University",  "Chem I, statistics, English, Anatomy"
    "Tan",    "Betty",   "F",     "High School", "Algebra I, chem I, English 101"
    "Han",    "Anna",    "F",     "University",  "PHY 3, Calc 2, anatomy I, spanish 101"
    "Hawk",   "Alan",    "M",     "University",  "English 101, chem I" 

我最终需要解析它并输出如下内容:

Chem I: 3         (number of people taking each subject)
Spanish 101: 1 
Philosophy 204: 0 

但就目前而言,我只是坚持将其导入javascript.

我当前的代码如下所示:

<!DOCTYPE html>  
<html>  
<body>
<h1>Title!</h1>
<p>Please enter the subject(s) that you …

我写了一个基于Web的小工具,它使用文件输入来读取不断变化的文件.用户手动选择它(一次!)和更改它时的JavaScript跟踪(最后文件修改时间和文件大小).如果已更改,则会再次读取文件内容.

这适用于Windows上的所有浏览器.但是在macOS上(在Safari 10.1.2和Firefox 51.0.1中测试),只有最后修改时间似乎会更新.文件大小未更新,似乎也无法再读取文件内容.所以我无法跟踪macOS上的浏览器中的文件更改.

但为什么？这是macOS的安全限制吗？

请使用以下代码段进行测试.选择一个文件(例如文本文件),查看上次修改的时间戳和文件大小,然后更改文件并再次查看,如果大小已更改.在macOS上,文件大小不会更改.

请不要jQuery.

window.addEventListener('load', function() {
  window.setInterval(function() {
    var logFile = document.querySelector('#file').files[0];
    if (logFile) {
      document.querySelector('#info').innerHTML = '<br/>' +
        (new Date()).toString() + '<br/>Last modified: ' +
        logFile.lastModified +
        '<br/>Size: ' +
        logFile.size;
    }
  }, 1000);
});

#info {
  font-family: Courier;
  font-size: 0.9em;
}

<!DOCTYPE html>
<input type="file" id="file" />
<p id="info"></p>

是否有使用目标c进行文件读/写的好例子？我是objective-c和iPhone API的新手,这是我写的示例代码.有更好的方法吗？

-(void) performFileOperation
{
    @try {

        NSFileHandle *inputFileHandle;
        NSFileHandle *outputFileHandle;

        //check whether the output file exist, if not create a new one.
        NSFileManager *morphedFileManager;

        outputFileManager = [NSFileManager defaultManager];

        if ([outputFileManager fileExistsAtPath: self.outputFilePath ] == NO)
        {
            NSLog (@"Output file does not exist, creating a new one");
            [outputFileManager createFileAtPath: self.outputFilePath
                                        contents: nil
                                      attributes: nil];
        }

        NSData *inputDataBuffer;

        inputFileHandle = [NSFileHandle fileHandleForReadingAtPath: self.inputFilePath];

        NSAssert( inputFileHandle != nil, @"Failed to open handle for input file" );

        outputFileHandle  = [NSFileHandle fileHandleForReadingAtPath: self.outputFilePath];

        NSAssert( …

我正在使用File()构造函数来创建用于将blob文件上载到服务器的文件对象.以下代码适用于Chrome,但Safari和Internet Explorer无效.

image_url = new File([blob],file_name,{type: mimeString});

代码在此行中断开并在控制台中获取此错误"FileConstructor不是构造函数"(评估'new File([blob],file_name,{type:mimeString})')

使用FileReader API是替代方案,但我无法解决此问题.