HTML5调用移动浏览器相机问题

因为浏览器和微信浏览器区别，导致直接使用capture=”camera”，浏览器会调用相机。解决方案，就是在组件加载时候，判断一下内核

代码如下

  
    
      
        
          
头像
          
            @@##@@            @@##@@          
                                      
    
  import {  USER_DEFAULT_BASE64,  HEAD_IMAGE_SIZE_TO_BIG} from '../../utils/Constants'import { mapGetters, mapActions } from 'vuex'export default {  name: 'info-container',  computed: {    ...mapGetters([      'getAuthLogin'    ]),    login () {      return this.$store.getters.getAuthLogin    }  },  created () {    const agent = navigator.userAgent.toLowerCase()    this.iswx = agent.indexOf('qqbrowser') >= 0  },  methods: {    ...mapActions([      'authUpdateAvatarUrl'    ]),    showTextHandler (text = '') {      this.$vux.toast.text(text)    },    changeFileHandler (e) {      const files = e.target.files      const uploadFile = this.$refs.uploadFile      const localFile = files[0]      const fileSize = localFile.size / 1024      const fileName = localFile.name      if (fileSize > 1024 * 3) {        this.showTextHandler(HEAD_IMAGE_SIZE_TO_BIG)      } else {        // 表单文件上传        this.authUpdateAvatarUrl({fileName, localFile})      }      // 延迟一段事件清除内容      setTimeout(() => { uploadFile.value = '' }, 200)    }  },  data () {   return {      iswx: false,      errImage: USER_DEFAULT_BASE64    }  }}    //TODO 样式

登录后复制

相关推荐：

关于HTML5 调用用户的 照相机、相册 初步整理

立即学习“前端免费学习笔记（深入）”；

关于HTML5 调用用户的 照相机、相册 初步整理

立即学习“前端免费学习笔记（深入）”；

关于HTML5 调用用户的 照相机、相册 初步整理

立即学习“前端免费学习笔记（深入）”；

以上就是HTML5调用移动浏览器相机问题的详细内容，更多请关注【创想鸟】其它相关文章！