前端上传图片
2018-11-29 本文已影响9人
钱罗罗_
一、html
<input type="file" accept="image/*" multiple class="get-img-input" @change="handleChange">
accept: 只接受图片类型,拍照 / 手机相册
multiple: 支持多张上传
change:事件,传入事件源,由event.target.files获取图片的文件数组
capture: camera;经测试,安卓的UC/QQ/vivo自带浏览器,不加此属性,会同时调用相机和相册。加上此属性,只会唤起相机。
二、accept
1. image/* : 限制图片
2. video/* : 限制视频
3. audio/* :限制音频
4.<input type="file" accept="image/*" capture="camera">:直接唤起相机拍照
5.<input type="file" accept="video/*" capture="camera">:直接唤起摄像头录像
三、multiple
只能决定是否可以同时上传多个,但不能限制最大数量。value为true / false