使用element照片墙上传图片

效果：使用element-ui 照片墙实现图片上传

            
                
                  
                    
                
                
                    
                

                
                  
           
                    
                  
                  
                    
                  
                

               
                
              
               
            
            

                取 消
                确 定
            
    
        

定义：


方法：

 get_pic_json(fileList) {
      return fileList.map(img => {
        return {
          src: img.response.data
        };
      });
    },

    imgPreview(file) {
      this.dialogImageUrl = file.url;
      this.dialogVisible = true;
    },
    imgRemove(file, fileList) {
     this.pic_json = this.get_pic_json(fileList);
    },
    uploadSuccess(response, file, fileList ) {
      if (response.code == 200) {
        console.log(response)
      this.pic_json = this.get_pic_json(fileList);
      console.log(this.pic_json)
      } else {
        this.$message({
          type: "error",
          message: "上传图片失败"
        });
        fileList.length -= 1;
      }
    },