client-base-v5/src/widget/WebSocketImage.vue

<template>
  <div>
    <WebSocketCapture ref="webSocketCapture" :multiple="multiple" />
    <div style="height:5px" />
    <button class="btn btn-success" type="button" style="width:100%" @click="imageUpload">
      {{ $t('lang.webSocketImage.uploadImage') }}
    </button>
  </div>
</template>

<script>

import Common from '../common/Common.js';


import WebSocketCapture from '../widget/WebSocketCapture.vue';
import { Notify, Uuid } from 'pc-component-v3';

export default {
  components: {
    WebSocketCapture,
  },

  props: {
    /**
		 * 可以抓拍多张图片
		 */
    'multiple' : {
      type: Boolean,
      default: null,
    },
  }
    
  ,

  data: function () {
    return {
			
    };
  },
  methods: {
    /**
		 * 上传图片
		 */
    imageUpload: function () {
      var _self = this;

      var imageSrcs = _self.$refs.webSocketCapture.imageSrcs;
      if (imageSrcs && imageSrcs.length == 0) {
        Notify.error('提示', '没有图片',false);
        return;
      }

      if(_self.multiple == true){
        _self.$emit('uploadImage', imageSrcs);
      }else{
        var imageSrc = imageSrcs[0];
        _self.$emit('uploadImage', imageSrc);
      }
    },
  },
};

</script>

<style scoped>
</style>