ELEMENT UI中关于上传图片el-upload控件删除(同时删除后台图片信息)

最近项目中有用到这个element ui中的upolad控件进行图片上传，官方文档给的挺全面的传送门.，上传，放大，删除基本都有，但是这个图片删除只是假删除，只会删除这个控件中的图片对象，如果数据库有存储是无法删的，但如果真删也很简单，首先我们给上传控件绑定个方法on-remove

在methods写一下这个方法

remove (file, fileList) {
        this.$http({
          url: this.$http.adornUrl('删除API' + file.name),
          method: 'get'
        }).then(({data}) => {
          if (data && data.code === 10000) {
            this.$message({
              message: '删除成功',
              type: 'success',
              duration: 1500,
              onClose: () => {
                this.visible = false
              }
            })
          }
        })
      },

可以看下这个file是什么

这个里面包含的就是图片信息，包括图片名称和图片的路径，fileList是所有的图片信息，我们这里删除单张，只需要获取到这个name，再根据name去删除即可