移动端H5页面上传图片或多张图片介绍安卓无法多图上传

193 阅读 0 评论 128 点赞

我是靠谱客的博主缥缈口红，这篇文章主要介绍移动端H5页面上传图片或多张图片介绍安卓无法多图上传，现在分享给大家，希望可以做个参考。

移动端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/*'>

效果如下：