vue图片上传及压缩组件的封装

源码地址

使用方法:

先去上面的链接把组件,复制到自己的components文件夹内

1.先下载

cnpm install compressorjs --save-dev //压缩

2.引入组件

<script>
import uploadPictures from "../../components/uploadPictures";
export default {
  components: {
    uploadPictures
  },
},
</script>

3.用法

//emitType:自定义方法,接收从后端返回的图片码
//title:名字,身份证上传、银行卡上传,(需要则传、不需要不传)
<uploadPictures :openTitle="{emitType:'idCard',title:$t('m.openingInformation.HKPic')}"/>

//在mounted里面监听后端返回的码
 mounted() {
    this.judgeLogin();
      this.$on('idCard',msg=>{
      console.log(msg)
    })
       this.$on('addressCard',msg=>{
      console.log(msg)
    })
  }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容