基于qiniu-js封装图片上传，实现图片库，减少资源浪费

在开发中，有这样一个需求，点击上传logo，点击上传封面，点击上传头像等等，每次都上传很浪费存储资源，故要实现一个图片库的功能，点击先在图片库选择，如果图片库没有在执行上传。废话少说：上图

image.png

image.png

image.png

image.png

1. 图片库页面代码

2. 组件内用到了封装的分页组件，代码如下

3. 写个容器调用组件

data(){
  return{
    imgFileDialogFlag: {
        show: false
      },
  }
}
methods(){
//打开图片库
    showImgFileDialog() {
      this.imgFileDialogFlag = {
        show: true
      }
    },
  selectImage(url) {
      this.formDataHandle.orgLogo = url //赋值
      this.imgFileDialogFlag = {
        show: false
      }
    },
//删除图片重新选择
    delLogo() {
      this.formDataHandle.orgLogo = ''
    }
}