liweilong
2020-10-30 2a61f64ebeeec3fff23b7adbce8c7fbfc54add51
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
/**
 * 通用上传图片预览
 *
 */
 
export default {
  data() {
    return {
      uploadPreviewUrl: '', // 预留图片
      uploadPreviewVisible: false // 显示预览图片弹框
    }
  },
 
  methods: {
    // 上传组件预览
    uploadPreview(file) {
      console.log(file.url)
      this.uploadPreviewUrl = file.url
      this.uploadPreviewVisible = true
    },
 
    // 检测是否需要上传图片
    checkNeedUpload(imgs) {
      // 图片数组为空 返回不需要上传
      if (!imgs || !imgs.length) return false
      // true需要上传 false不需要上传
      return imgs.filter(o => o.status !== 'success').length > 0
    }
  }
}