时间:2021-07-01 10:21:17 帮助过:29人阅读
最近工作中需要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网其它相关文章!