上传图片(Element + Vue)

{
  label: "订单资源",
  prop: "ossName",
  type: "upload",
  dataType: 'string',
  accept: "image/jpeg",
  width: "80px",
  loadText: '附件上传中,请稍等',
  listType: 'picture-card',
  multiple: true,
  limit: 10,
  tip: '只能上传jpg/png文件',
  propsHttp: {
    res: 'data',
    url: 'link',
  },
  rules: [{
    required: true,
    message: "请上传图片"
  }],
  span: 24,
  action: '/api/blade-resource/oss/endpoint/put-file',
},

后端是BladeX

/**
 * 上传文件
 *
 * @param file 文件
 * @return ObjectStat
 */
@SneakyThrows
@PostMapping("/put-file")
public R<BladeFile> putFile(@RequestParam MultipartFile file) {
   BladeFile bladeFile = ossBuilder.template().putFile(file.getOriginalFilename(), file.getInputStream());
   return R.data(bladeFile);
}
发布了40 篇原创文章 · 获赞 8 · 访问量 7301

猜你喜欢

转载自blog.csdn.net/qq_42307369/article/details/104376983