input type=file 手机页面 遇到哪些事儿

发现问题

近期使用 saltui 中 PhotoField 组件进行上传文件，发现在安卓机中无法打开图片/文件，而IOS可以

发现几个属性的问题

 

以下是 PhotoField 组件 自行封装的 input （multiple：多文件），

<input type="file" style="position:absolute;clip:rect(1px 1px 1px 1px);" accept=".jpg,.jpeg,.gif,.png,.bmp,.svg,.tiff,.tif,.ico,.jpe,.svgz,.pct,.psp,.ai,.psd,.raw,.webp" multiple="multiple">

这种情况下IOS 可以打开相册 或者 拍照 进行选择图片上传

but , 安卓手机 无法打开文件夹

 

疯狂踩雷之后

发现 去除 input 的 accept 这个属性，IOS 和安卓手机 都可以打开，不过安卓系统 是 对应系统的文件夹，不是指定文件类型！

 

解决方式

以PhotoField 为例子 ，就是jquery 找到这个input 移除 accept这个属性

$(".t-field").find('.t-photo-field-label-right').find('input').removeAttr("accept");
$(".t-field").find('.t-field-box').find('.t-photolist').find('input').removeAttr("accept");

 

附：

若有路过的大神，有更好的解决方式，请指点一二，谢谢！谢谢！谢谢！