项目上传部分

OSS 通用上传接口

    /**
     * OSS文件上传
     * @param file
     * @return
     */
    @PostMapping("/uploadFileByOSS")
    public ResultJson uploadFileByOSS(MultipartFile file){
        try {
            QueryWrapper<OssConfig> ossConfigQueryWrapper = new QueryWrapper<>();
            ossConfigQueryWrapper.last("limit 1");
            OssConfig ossConfig = ossConfigService.getOne(ossConfigQueryWrapper);
            return ResultJson.ok(OssUtils.alibabaUploadFile(file, ossConfig));
        } catch (Exception e) {
            log.error(e.getMessage());
            return ResultJson.failure(ResultCode.BAD_REQUEST, e.getMessage());
        }
    }

html添加部分

  <el-form-item prop="thumbnail" label="缩略图" :label-width="dialogFormLabelWidth" style="width:325px">
                         <span>
                           <img width="100%" :src="uploadUrlPath" alt="">
                          </span>

                         <el-upload
                             drag
                             :action="uploadOSS"
                             :on-success="handleUploadSuccess"
                             :before-upload="handleBeforeUpload"
                             :on-error="handleUploadError"
                             name="file"
                             :show-file-list="false"
                             :headers="headers"
                         >
                           <i class="el-icon-upload"></i>
                           <div class="el-upload__text">将文件拖到此处，或<em>点击上传</em></div>
                         </el-upload>

                       </el-form-item>