微信和QQ内置浏览器input file时的问题


移动端做文件上传<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">中不限制文件类型,就可以打开了,原谅我不懂这其中的道理,问题是解决了,但是还请知道啥原因的“师父”来指教指教

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM