Question

参考这个帖子： Preview an image before it is uploaded

我想知道如何简单地调用reader = new FileReader()让FileReader知道要读取哪个文件。

上面发布的线程链接对我来说很合适，但是当我尝试以下操作时，FileReader()不会读取输入。 console.log不返回任何内容。

使用Javascript：

function fileReader(input){
  var reader = new FileReader();
  reader.onload = function(e){
    console.log(e.target.result);
  };
}

$(function(){
  $('#file').change(function(){
    fileReader(this);
  });
});

HTML：

<input id="file" type="file">

为什么这不起作用？有没有办法手动给FileReader()哪个输入DOM读取？

Answer 1

我想知道如何简单地调用reader = new FileReader（）让FileReader知道要读取哪个文件。

没有。

您从与之关联的问题的答案中错过了这一行：

reader.readAsDataURL(input.files[0]);

javascript FileReader如何知道要读取哪个文件？

1 个答案: