H5 移动端上传图片 和 视频 页面显示缩略图

这是我第一次写博客，想要分享一下编程经验，因为我也算是一个菜鸟而已，在编程过程中，很多问题 都是通过百度，通过CSDN里面的各位大神分享的经验，才得以解决的，所以我也是本着造福他人，也完善自己的意愿，开始写写博客，分享一下编程中遇到的问题及解决方法。好，废话不说，直接开搞；

html代码：

为了方便大家，我用的都是内嵌样式

<div style="height:300px;margin-top:-20px">
			
			
			<div id="addContent" style="height:150px;margin-top:-10px;padding-top:5px;margin-left:-1.4em">
			<div style="margin-left:-0.7em" >照片(可上传三张)</div>
				<label id="ppp" style="display:block;float:left;"  class="ui_button ui_button_primary" for="1"><img style="width: 84px;height: 84px;" src="${ctx}/images/photoxf.png"></label>
					<input type="file" id="1" name="take-picture" class="take-picture"  accept="im