[轉載]input[type=file]在移動端各瀏覽器沒法適配打開相機的問題。

近期有一需求是拍照上傳用戶頭像並能進行區域性的截取操做。
故使用了 input[type=file]標籤進行嘗試,PC端無問題,後發現移動端方面:
1.樂視2s手機在UC,360,QQ,EUI瀏覽器下均能實現調用相機,在微信瀏覽器下沒法調用相機,可是能選擇圖片文件上傳。
爲嘗試解決,曾在input標籤內添加屬性capture="camera"——然並卵。
這時候又出現了一個神奇的問題,因爲本人使用的是一款叫photoclick的插件(github地址:https://github.com/baijunjie/PhotoClip.js/blob/master/js/PhotoClip.js),此爲做者2016年的最新版本,此爲demo: http://120.131.8.110:8080/picture/index.html  此時在樂2手機下使用微信瀏覽器沒法調用相機。 [轉載]input[type=file]在移動端各瀏覽器沒法適配打開相機的問題。

  然而在網上尋找的同一款插件,不一樣的是這是2014年發佈的,也就是說是做者以前發佈的版本,實現的demo: http://120.131.8.110:8080/hanyuanwen/index.html   
[轉載]input[type=file]在移動端各瀏覽器沒法適配打開相機的問題。

同一臺樂2手機在微信瀏覽器下竟然又能夠調用相機的,後尋找緣由未果,暫覺得是某一個hack,跟微信的版本有關。。
2.華爲手機,在微信瀏覽器下上述兩個網址中都沒法實現調用相機功能,能夠實現上傳圖片功能,因而,本人又凌亂了。。
3.蘋果5S手機,最爲吊炸天,不管在任何瀏覽器下(包括微信瀏覽器)就能實現調用相機的功能,是否能理解爲蘋果確實有值得稱道的地方?
4.奇酷360手機,狀況與樂視2S手機一毛同樣,很少闡述。

最後:
屈服於使用微信JS-SDK調用相機接口以適應各種機型。。(進入以前先判斷是否爲微信瀏覽器,不是的話直接使用原生input[type=file]標籤)
相關文章
相關標籤/搜索