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>
![]()
![]()
![]()