input 操作

梦里梦外; 2022-05-27 01:53 186阅读 0赞

H5 调用，camera照相机；camcorder摄像机；microphone录音。accept表示，直接打开系统文件目录。

<input type="file" id='image' accept="image/*" capture='camera'>

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

<inputtype="file"id="file"multiple>

在各个机型都可以点击 file 调用相册 和 摄像头拍照   
1. 在老版本的安卓中，必须加上capture，否则只能调用相册   
2. 在IOS中 加了capture，就只能调用摄像头不能调用相册

解决办法:   
判断ios，如果是ios就去掉capture属性.

var file = document.querySelector('input');
            if (getIos()) {
                file.removeAttribute("capture");
            }
            function getIos() {
                var ua=navigator.userAgent.toLowerCase();
                if (ua.match(/iPhone\sOS/i) == "iphone os") {
                    return true;
                } else {
                    return false;
                }
            }

js 操作 file，给ID 加个 click()

fileClick(){
                document.getElementById('image').click();
            },

<input type="file" id='image' accept="image/*" capture='camera'>
    
            <button @click="fileClick">file</button>

发表评论取消回复

表情：

评论列表（有 0 条评论，186人围观）

还没有评论，来说两句吧...

相关阅读

相关 Java字节流操作指南：Input/OutputStream

在Java中，字节流主要用于处理原始的二进制数据。`InputSteam`和`OutputStream`是字节流的主要类。 1. InputStream： - `Obj

约定不等于承诺〃/ 2024年12月03日 23:45/ 0 赞/ 18 阅读

相关 Input.GetAxis(““) Input.GetAxisRaw(““)

[Input][].GetAxis 获取轴 static function GetAxis (axisName : string) : float Description描

男娘i/ 2022年11月26日 09:58/ 0 赞/ 144 阅读

相关兼容input 文件选择_「HTML5」FileAPI 文件操作实战

> 本文来自《FileAPI 文件操作实战》 > 其他系列放在了Github，欢迎交流和Star 介绍 HTML5 为我们提供了 File API 相关规范。主要

深藏阁楼爱情的钟/ 2022年11月19日 11:20/ 0 赞/ 178 阅读

相关 python编程input与raw_input

运行环境Python2.7.6 input和raw\_input作为输入语句，其不同之处在于： 1、当输入的内容为字符串时，用input语句必须加上“”号，否则报错，而

Myth丶恋晨/ 2022年08月27日 10:56/ 0 赞/ 150 阅读

相关 Python input和raw_input

python有多种从控制台输入方式：使用input()、raw\_input()函数这两个函数在python的内置库里。 input()函数返回一个数值（

素颜马尾好姑娘i/ 2022年06月16日 00:20/ 0 赞/ 231 阅读

相关 input文本框的常用操作

1、选中去除文本框文字，离开后显示原有文字： \[html\] [view plain][] [copy][view plain] 1. <span style="f

深藏阁楼爱情的钟/ 2022年06月06日 06:10/ 0 赞/ 192 阅读

相关 input files的预览图||文件列表删除操作

<table style="table-layout:fixed;width:821px;"> <tbody> <tr> <td><p>查看演示示例</p>

- 日理万妓/ 2022年05月28日 04:18/ 0 赞/ 173 阅读

相关 jQuery操作：input、radio、checkbox、select

jQuery 操作 radio 文本 <input type="radio" value="0" name="sex" id="male"/>男

分手后的思念是犯贱/ 2022年05月27日 03:49/ 0 赞/ 206 阅读

相关 input 操作

H5 调用，camera照相机；camcorder摄像机；microphone录音。accept表示，直接打开系统文件目录。 <input type="file" i

梦里梦外;/ 2022年05月27日 01:53/ 0 赞/ 187 阅读

相关 java标准的IO操作，Input,Output输入与输出

java标准的IO操作，Input,Output输入与输出 public static void main(String[] args) throws IOExc

拼搏现实的明天。/ 2021年09月28日 14:26/ 0 赞/ 299 阅读