数据栈文件上传动态限制类型调试,标注切换摄像机获取底图

hanbaoshan

2020-10-27 da98d2a8a686cde09b20345e4a2b55a85410fde4

 src/components/subComponents/FileUpload/index.vue

@@ -5,6 +5,7 @@
      ref="uploader"

      :options="options"

      :file-status-text="statusText"

      :attrs="attrs"

      class="uploader-single"

      @file-added="onFileAdded"

      @complete="onComplete"

@@ -23,6 +24,7 @@
    <uploader

      v-else

      ref="uploader"

      :attrs="attrs"

      :options="options"

      :file-status-text="statusText"

      class="uploader-example"

@@ -31,7 +33,7 @@
      @complete="onComplete"

      @close="closeHandle"

    >

      <uploader-btn ref="button">        
      <uploader-btn ref="button" :attrs="attrs">

        <i class="el-icon-upload2" style="font-size:18px; color:#0088ff"></i>

        上传

      </uploader-btn>

@@ -53,6 +55,10 @@
    UploaderList

  },

  props: {

    acptTypes: {

      type: String,

      default: ''

    },

    tip: {

      type: Boolean,

      default: false

@@ -73,14 +79,22 @@
      type: String,

      default: "/data/api-f/file/upload" //"//192.168.20.10:3000/upload"

    },

    attrs: {

      type: Object,

      // default () {

      //   return {



      //   }

      // }

    }

  },

  data() {

    return {

      fileName: "",

      fileMd5: "",

      attrs: {

        accept: 'image/*'

      },

      // attrs: {

      //   accept: 'image/*'

      // },

      statusText: {

        success: '上传成功',

        error: '上传失败',

@@ -183,6 +197,7 @@
  },

  mounted() {

    this.$nextTick(() => {

      console.log(this.acptTypes)

      window.uploader = this.$refs.uploader.uploader

    })

  }

@@ -191,7 +206,8 @@


<style lang="scss">

.file-uploader {

  .el-input__suffix,.el-input__suffix-inner{

  .el-input__suffix,

  .el-input__suffix-inner {

    outline: none!important;

  }

  .el-tooltip.focusing{