您的位置:首页技术文章
文章详情页

javascript - html5 input file 如何限制只能调起图库和摄像头、不能选择其他类型的文件?

【字号: 日期:2023-01-04 08:06:29浏览:40作者:猪猪

问题描述

html5 input file 如何限制只能调起图库和摄像头、不能选择其他类型的文件?

源文件

<input type='file' name='photo' class='photo'accept='image/gif,image/jpeg,image/jpg,image/png,image/svg'>

在ios下只能选择图库,但是在andriod下连文件都可以选择,有什么办法可以在andriod也只能调起图库和摄像头而不能选择其他文件呢?

问题解答

回答1:

用微信的 jssdk 上传图像吧

回答2:

可以通过 FileList 对象来判断上传的文件类型。监控 input 的 change 事件,file 类型 input 的 files 属性就是 FileList 对象,里面包含选中文件的文件名、大小、文件类型和修改时间等等。判断文件类型,如果不是图片类型,就弹出相应提示。同样的也可以限制选中图片大小。FileList 对象:https://developer.mozilla.org...

标签: JavaScript
相关文章: