美文网首页
前端上传图片

前端上传图片

作者: 钱罗罗_ | 来源:发表于2018-11-29 14:25 被阅读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    

    相关文章

      网友评论

          本文标题:前端上传图片

          本文链接:https://www.haomeiwen.com/subject/ijgvqqtx.html