移動端做文件上傳<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">中不限制文件類型,就可以打開了,原諒我不懂這其中的道理,問題是解決了,但是還請知道啥原因的“師父”來指教指教