移动端做文件上传<input type="file">在使用时的一些问题
先说一下问题,开始的时候代码是这样写的
<input type="file" name="file" accept=".jpg,.png,.jpeg" />
在移动端的浏览器都是可以正常使用的,但是在QQ和微信内置浏览器中就会有“无法打开文件选择器”和“没有应用可执行此操作”的提示,效果图可以看一下
这是手机上其他浏览器打开的效果
QQ内置浏览器打开的效果
微信内置浏览器打开的效果
我也阅读了一些博文,关于这方面的问题大都是对文件选择之后进行处理的文章,比如对选择文件大小的限制、文件类型的限制等等验证,这里可以给大家推荐两个处理的不错的博文
(移动端上传图片前端压缩,获取input type=file路径)http://www.cnblogs.com/jt789/p/5195879.html
(解决微信内嵌浏览器无法响应上传文件(图片)的思路(2种办法))http://www.cnblogs.com/cai-rd/p/3930227.html
但是这些都没有解决问题,现在的问题是在处理这些文件之前,即根本没有办法选择文件
见鬼的事情,其实只要去掉<input type="file">中的accept属性就可以了
新的代码
<input type="file" name="file" />
就是去掉accept属性,就可以打开了,可以选择文件了,效果如下
QQ内置浏览器的打开效果图
微信内置浏览器的打开效果图
在<input type="file">中不限制文件类型,就可以打开了,原谅我不懂这其中的道理,问题是解决了,但是还请知道啥原因的“师父”来指教指教