本文摘自PHP中文网，作者不言，侵删。
这篇文章主要介绍了HTML5实现预览本地图片 的相关资料,需要的朋友可以参考下问题描述
假设我们在 HTML 里面有一个图片上传控件：
复制代码
代码如下:
1 |
|
注意这个 accept="image/*" 非常重要，它指定了上传的是图片，在移动端的时候会关联到系统的弹窗选择类型等问题，务必加上。
然后，问题是，我们在没有提交这个表单到服务器之前，有没有办法把图片的内容读取出来呢？
看似简单，都是客户端的文件，应该是可以的，但在之前确实没什么好办法，但是自从有了HTML5，这个功能又回来了，通过FileReader可以轻松的实现这个功能。
例子说明问题
复制代码
代码如下:
相关阅读 >>
HTML5+canvas调用手机拍照功能实现图片上传功能（图文详解下篇）
具体解析HTML5文件读取filereader及文件读取模块的封装
更多相关阅读请进入《HTML5》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠，对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪，Vue.js作者
