手机版网页上的图片、视频拍摄上传

作者:vkvi 来源:ITPOW(原创) 日期:2016-10-10

手机版网页上传图片、视频也是用 input 框,但情况比电脑中复杂了些。

如上,我们增加了 accept、capture 属性。

先说 accept

accept 指明了是“选择/拍摄/录制”照片、还是视频、还是音频。

再说 capture

capture 表示用什么设备来捕捉,有些浏览器会响应,比如遇到 capture="camera" 就会打开照相机,而不是打开图库或文件管理器。如果不指定这个参数,就会弹出一个菜单,让用户选择到底是用照相机,还是图库或文件管理器

但是并不是所有手机浏览器都支持,有些就不支持。至于微信中内嵌的浏览器,它是弹出一个菜单要求选择:是用照相机、还是用图库、还是用其他。

顺道说两点:如果是调用相机拍摄的照片,那么在文件框中,还是有一个文件名的,服务器端可以接收到这个文件名。

相关阅读

相关文章