主要为大家详细介绍了H5上传本地图片并预览的实现代码，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

最近工作中需要H5上传显示图片的功能，如图： 直接上代码： html部分 添加作品 我这边用css将input[type=file] 设置成了o

1、开发工具        从微信公众平台官方网站下载安装小程序：开发工具下载。这是是基于微信自己的开发者工具，可以实现同步本地的文件，进行开发调试，项目管理，编译，动态预览和上传，发布等功能。由于是基于原生的系统层开发框架，不需要通过在浏览器中运行，这与H5开发是不同的，所以document和window等方法不可以使用。   (此图片来源于网络，如有侵权，请联系删除! ) 小程序开发者工具界面 相比       H5加载时，需要按顺序加载HTML、CSS、JS。然后从服务器端返回数据，最后动