直播app开发，基于van-uploader封装的文件上传图片压缩组件

直播app开发，基于van-uploader封装的文件上传图片压缩组件

1、调用

1

<template><br>    <div><br>        <compress-uploader v-model="fileList" :compressSwitch="true" :quality="0.5" :maxCount="3" /><br>    </div><br></template><br> <br><script><br>import compressUploader from './components/compress-uploader'<br>export default {<br>  name: 'CompShip',<br>  data () {<br>    return {<br>      fileList: [],<br>    }<br>  },<br>  components: {<br>    compressUploader<br>  }<br>}<br></script><br> <br><style scoped> <br></style>

​2、核心代码

1

<template><br>  <van-uploader :fileList="fileList" :after-read="afterRead"<br>    multiple :max-count="maxCount" v-bind="$attrs" v-on="$listeners" /><br></template><br> <br><script><br>export default {<br>  name: 'compress-uploader',<br>  props: {<br>    value: Array,<br>    quality: {<br>      type: Number,<br>      default: 0.1<br>    },<br>    compressSwitch: {<br>      type: Boolean,<br>      default: false<br>    },<br>    threshold: {<br>      type: Number,<br>      default: 500<br>    },<br>    maxCount: {<br>      type: Number,<br>      default: 1<br>    }<br>  },<br>  computed: {<br>    fileList: {<br>      get () {<br>        return this.value<br>      },<br>      set (n) {<br>        this.$emit('input', n)<br>      }<br>    }

 以上就是 直播app开发，基于van-uploader封装的文件上传图片压缩组件，更多内容欢迎关注之后的文章