[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。
生活随笔
收集整理的這篇文章主要介紹了
[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
原文地址: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手機下使用微信瀏覽器無法調用相機。
然而在網上尋找的同一款插件,不同的是這是2014年發布的,也就是說是作者之前發布的版本,實現的demo:http://120.131.8.110:8080/hanyuanwen/index.html ??
同一臺樂2手機在微信瀏覽器下居然又可以調用相機的,后尋找原因未果,暫以為是某一個hack,跟微信的版本有關。。 2.華為手機,在微信瀏覽器下上述兩個網址中都無法實現調用相機功能,可以實現上傳圖片功能,于是,本人又凌亂了。。 3.蘋果5S手機,最為吊炸天,無論在任何瀏覽器下(包括微信瀏覽器)就能實現調用相機的功能,是否能理解為蘋果確實有值得稱道的地方? 4.奇酷360手機,情況與樂視2S手機一毛一樣,不多闡述。
最后: 屈服于使用微信JS-SDK調用相機接口以適應各類機型。。(進入之前先判斷是否為微信瀏覽器,不是的話直接使用原生input[type=file]標簽)
然而在網上尋找的同一款插件,不同的是這是2014年發布的,也就是說是作者之前發布的版本,實現的demo:http://120.131.8.110:8080/hanyuanwen/index.html ??
同一臺樂2手機在微信瀏覽器下居然又可以調用相機的,后尋找原因未果,暫以為是某一個hack,跟微信的版本有關。。 2.華為手機,在微信瀏覽器下上述兩個網址中都無法實現調用相機功能,可以實現上傳圖片功能,于是,本人又凌亂了。。 3.蘋果5S手機,最為吊炸天,無論在任何瀏覽器下(包括微信瀏覽器)就能實現調用相機的功能,是否能理解為蘋果確實有值得稱道的地方? 4.奇酷360手機,情況與樂視2S手機一毛一樣,不多闡述。
最后: 屈服于使用微信JS-SDK調用相機接口以適應各類機型。。(進入之前先判斷是否為微信瀏覽器,不是的話直接使用原生input[type=file]標簽)
轉載于:https://www.cnblogs.com/linewman/p/9918731.html
總結
以上是生活随笔為你收集整理的[转载]input[type=file]在移动端各浏览器无法适配打开相机的问题。的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Quartz格式设置说明
- 下一篇: 安卓手机开机键失灵,FASTBOOT模式