H5_图片文件选择以及显示（FileReader）

效果图

Html代码

html代码：一个file类型的input标签，
一个img标签（用于选中图片文件后，显示），
绑定了一个当选择文件改变触发的事件getImageUrl()。

JavaScript代码

javascript代码：
1、先实例化FileReader对象,
2、获取input标签获取的文件
3、将获取的文件读取为一段以 data: 开头的字符串，放入reader中。
4、调用reader里面的result属性，可以获取到，文件的url，（这就是通过reader.result获取到的值）
5、将得到的url赋值给html代码里面的img标签里面的src属性(调用onload方法，等文件读取完之后，再赋值给img标签里面的src属性)

（注：可以在读取文件的时候，判断文件是否为图片格式）

（如有哪里错误，希望指正，谢谢。）