摘要:在移動端頁面使用上傳文件或者圖片時,和安卓的展現方式有很多不一樣。
在移動端頁面使用上傳文件或者圖片時,IOS和安卓的展現方式有很多不一樣。
input 有 captrure屬性,取值:camera:相機;camcorder:攝像;microphone:錄音
在安卓想要調用相機需要添加capture屬性,于是我在IOS和Android上進行了三端測試!
結果如下:
1. 安卓: 【微信】: 有capture,調相機; 無capture,相冊相機一起調 【QQ】: 有captrue,相冊相機一起調; 無capture,調相冊 【瀏覽器】:有capture,調相機; 無capture,相冊相機一起調 2. IOS 【微信】: 有capture,調相機; 無capture,相冊相機一起調 【QQ】: 有capture,調相機; 無capture,相冊相機一起調 【瀏覽器】:有capture,調相機; 無capture,相冊相機一起調
我們可以看見,IOS表現行為一致,只要不加capture就可正常使用
而在Android上 QQ表現不一致,于是在實際開發中,我們只需要判斷
if (isAndroid && type === "qq") { this.$refs.uploadFile.setAttribute("capture", "camera"); }
over!
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/100013.html
摘要:在移動端頁面使用上傳文件或者圖片時,和安卓的展現方式有很多不一樣。 在移動端頁面使用上傳文件或者圖片時,IOS和安卓的展現方式有很多不一樣。 input 有 captrure屬性,取值:camera:相機;camcorder:攝像;microphone:錄音 在安卓想要調用相機需要添加capture屬性,于是我在IOS和Android上進行了三端測試! 結果如下: 1. 安卓: 【...
閱讀 3020·2021-11-24 10:32
閱讀 678·2021-11-24 10:19
閱讀 5068·2021-08-11 11:17
閱讀 1455·2019-08-26 13:31
閱讀 1259·2019-08-23 15:15
閱讀 2286·2019-08-23 14:46
閱讀 2265·2019-08-23 14:07
閱讀 1074·2019-08-23 14:03