input type=file 怎么做本地的加载效果？有什么事件可以用的？

Question

本地用input type="file" 上传文件，一般这样写

<form>
     <input type='file'  onChange={this.handleFileChange.bind(this)}/>
     <input type='reset' ref={(input) => this.reset=input} className="reset" />
</form>

采用的事件是onChange ，参数e, e.target.files[0]可以获取到file， 如果file较大的话！有哪几个事件可以做加载状态的显示，例如我选中文件开始有什么事件，文件回来后有什么事件。这个找了半天也没有找到资料！所以请教下大家。

Answer 1

https://developer.mozilla.org... 先看看文档 想想你加载file是要达到什么目的再去搜相关问题

Answer 2

onChange指的是文件input改变，也就是用户选择了文件。加载文件不知道你问的是不是加载图片还是上传文件？如果是加载本地图片可以参考这里：https://www.cnblogs.com/moqiu...
，如果是上传图片可以参考这里：https://blog.csdn.net/it_fy_/...
.对于input file的操作，总结一下大概是监听onChange，然后在事件处理程序中使用:FileReader.readAsXXXX方法读取加载文件。

Answer 3

选中文件之后就会触发onChange事件，和file大不大没有关系呀。不知道你是想要什么效果呢？

Answer 4

FileReader 或许可以帮到你