A-A+

手机上input上传视频

2020年03月04日 htmlcss 评论 1 条 阅读 261 次

手机上input上传视频

手机上想要选择视频,但是点击input后没有录像选项,

        <input
          @change.stop="fileChange($event)"
          type="file"
          :id='id'
          accept="video/*"    // 原来没加这个,加上就好了
          multiple
        />

参考:

<input type="file" accept="image/*" capture="camera">
<input type="file" accept="video/*" capture="camcorder">
<input type="file" accept="audio/*" capture="microphone">

capture表示,可以捕获到系统默认的设备,比如:camera--照相机;camcorder--摄像机;microphone--录音。

accept表示,直接打开系统文件目录。

其实html5的input:file标签还支持一个multiple属性,表示可以支持多选,如:

<input type="file" accept="image/*" multiple>
加上这个multiple后,capture就没啥用了,因为multiple是专门用来支持多选的

标签:

1 条留言  访客:1 条  博主:0 条

  1. 项羽

    怎么联系你

给我留言

Copyright © web前端技术开发个人博客 保留所有权利  京ICP备14060653号 Theme  Ality

用户登录