前端上传图片

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    

上一篇下一篇

猜你喜欢

热点阅读