VueCropper后端接收文件名为blob，改成自己的文件名

          <el-upload
            action="#"
            :http-request="requestUpload"
            :show-file-list="false"
            :before-upload="beforeUpload"
          >
            <el-button size="small">
              选择
              <i class="el-icon-upload el-icon--right"></i>
            </el-button>
          </el-upload>

    // 上传预处理
    beforeUpload(file) {
      this.fileName = Math.random() + "_" + file.name;
    },

    // 上传图片
    uploadImg() {
      this.$refs.cropper.getCropBlob(data => {
        let formData = new FormData();
        formData.append("file", data, this.fileName);
        uploadPic(formData).then(res => {
        });
      });
    },

解决方案

在上传图片时，给formData的append方法第三个参数设置为文件的名称即可。

formData的append可以接受三个参数，通过第三个参数我们可以手动设置fileName参数：formData.append("file", data, this.fileName);