本文介绍了一个简单的图片上传功能实现方式，通过两个图标按钮分别实现拍照和从相册选择图片的功能，并利用隐藏的文件输入框来处理用户的选择。
<div style="padding-left:10px;">
<img src="img/paizhao.png" id="img_pai" onclick="piazhao()" style="width:22px;height:22px;" alt="拍照" />
<img src="img/zhao.png" id="img_zhao" onclick="zhao()" style="width:22px;height:22px;" alt="相片" />
<input type="file" name="pic" id="input_pai" style="display:none;" accept="image/*">
<input type="file" id="input_zhao" style="display:none;" accept="image/*;capture=camcorder;">
<img src="img/paizhao.png" id="img_pai" onclick="piazhao()" style="width:22px;height:22px;" alt="拍照" />
<img src="img/zhao.png" id="img_zhao" onclick="zhao()" style="width:22px;height:22px;" alt="相片" />
<input type="file" name="pic" id="input_pai" style="display:none;" accept="image/*">
<input type="file" id="input_zhao" style="display:none;" accept="image/*;capture=camcorder;">
</div>
效果图
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
