摘要:在移動端頁面使用上傳文件或者圖片時,和安卓的展現方式有很多不一樣。
在移動端頁面使用上傳文件或者圖片時,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://m.specialneedsforspecialkids.com/yun/54693.html
摘要:在移動端頁面使用上傳文件或者圖片時,和安卓的展現方式有很多不一樣。 在移動端頁面使用上傳文件或者圖片時,IOS和安卓的展現方式有很多不一樣。 input 有 captrure屬性,取值:camera:相機;camcorder:攝像;microphone:錄音 在安卓想要調用相機需要添加capture屬性,于是我在IOS和Android上進行了三端測試! 結果如下: 1. 安卓: 【...
閱讀 3334·2021-11-16 11:45
閱讀 4411·2021-09-22 15:38
閱讀 2856·2021-09-22 15:26
閱讀 3364·2021-09-01 10:48
閱讀 870·2019-08-30 15:56
閱讀 730·2019-08-29 13:58
閱讀 1499·2019-08-28 18:00
閱讀 2180·2019-08-27 10:53