capture h5中_input type="file"属性详解,利用capture调用手机摄像头

本文详细介绍了HTML5中``的使用,包括如何选择文件、常用参数、事件、属性及方法。特别是`capture`属性的使用,它可以调用手机摄像头,实现类似相机的功能。同时提醒开发者,尽管`accept`属性可以限制文件类型,但服务器端验证仍必不可少。
摘要由CSDN通过智能技术生成

 type 类型为 file 的标签,可以选择一个或多个文件,通过表单上传到服务器,也可以通过 Javascript 的 File API 对文件进行操作。

实例:

常用参数:

Value:DOMString 选择文件的路径。DOMString 是UTF-16字符串。由于JavaScript已经使用了这样的字符串,所以DOMString 直接映射到 String。

事件:change 事件 input

常用属性:accept, multiple, required, capture

IDL 属性:“文件” 和 “值”

方法:select()

Value:

文件输入的 value 属性,表示所选文件的路径。

如果选择了多个文件, 这个值表示第一个被选择的文件路径。JavaScript 可以通过 Input 的 FileList 属性获取到所有的文件路径。

没有选择文件该值为空字符串。

用法:

Choose file to upload

Submit

忽略用户设备的影响,  input 提供了一个按钮,可以打开选择文件的窗口。

d8823749261e5ef6e9189f242109d45c.png

在上面的例子中,当表单被提交,每个选中的文件名将被添加到 URL 参数中`

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值