手机版网页上传图片、视频也是用 input 框,但情况比电脑中复杂了些。
如上,我们增加了 accept、capture 属性。
先说 accept
accept 指明了是“选择/拍摄/录制”照片、还是视频、还是音频。
再说 capture
capture 表示用什么设备来捕捉,有些浏览器会响应,比如遇到 capture="camera" 就会打开照相机,而不是打开图库或文件管理器。如果不指定这个参数,就会弹出一个菜单,让用户选择到底是用照相机,还是图库或文件管理器。
但是并不是所有手机浏览器都支持,有些就不支持。至于微信中内嵌的浏览器,它是弹出一个菜单要求选择:是用照相机、还是用图库、还是用其他。
顺道说两点:如果是调用相机拍摄的照片,那么在文件框中,还是有一个文件名的,服务器端可以接收到这个文件名。
相关阅读