移动端H5上传图片的方式,要点如下:
要点 | 解析 |
---|---|
input | 即input标签 |
type | input标签的type属性,需要为file |
accept | 说明接收文件类型,决定调用的资源种类 |
capture | 指明调用的目标 |
multiple | 是否支持多文件 |
实例如下:
<div>纯input与type</div>
<input type="file">
<div>指明需要图片</div>
<input type="file" accept='image/*'>
<div>指明需要多张图片</div>
<input type="file" multiple accept='image/*'>
<div>指明调用摄像头获取图片</div>
<input type="file" capture='camera' accept='image/*'>
<div>指明调用摄像头并多张图片</div>
<!-- multiple 无效 -->
<input type="file" multiple capture='camera' accept='image/*'>
效果如下: