分享一个H5上传本地图片以及预览功能的图文实例

最近工作中需要H5上传显示图片的功能，如图：

直接上代码：

html部分

<p class="works-wrap"> 
 <p class="figure-box" id="figure_box"></p> 
 <p class="add-btn"> 
  <input type="file" id="imgUploadBtn" /> 
  <a href="javascript:void(0);" rel="external nofollow" ><i></i>添加作品</a></p> 
 </p> 
</p>

我这边用css将input[type=file] 设置成了opticy:0; 这样可以看起来更像原生的上传。

【相关推荐】

1. 免费h5在线视频教程

2. HTML5 完整版手册

3. php.cn原创html5视频教程

以上就是分享一个H5上传本地图片以及预览功能的图文实例的详细内容，更多请关注Gxl网其它相关文章！