如何使用inputtype=file选择图片并且实现预览效果的实例

这篇文章主要介绍了如何使用input type=file选择图片并且实现预览效果的实例，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联服务项目包括什邡网站建设、什邡网站制作、什邡网页制作以及什邡网络营销策划等。多年来，我们专注于互联网行业，利用自身积累的技术优势、行业经验、深度合作伙伴关系等，向广大中小型企业、政府机构等提供互联网行业的解决方案，什邡网站推广取得了明显的社会效益与经济效益。目前，我们服务的客户以成都为中心已经辐射到什邡省份的部分城市，未来相信会继续扩大服务区域并继续获得客户的支持与信任！

通过标签，给它指定type类型为file，可提供文件上传；

accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*；

multiple：规定是否可以选择多个文件；

规定只可上传图片，且可以选择多个文件

当然，直接一个input type=file 只能选择上传的文件/资源，如果我们需要在选择图片之后，在当前页面实现预览效果，那么我们可以如下方式来实现

HTML代码