Upload pictures (Element + Vue)

{
  label: "Order resources"
  prop: "ossName",
  type: "upload",
  dataType: 'string',
  accept: "image/jpeg",
  width: "80px",
  loadText: 'attachment upload, please wait'
  listType: 'picture-card',
  multiple: true,
  limit: 10,
  tip: 'You can only upload jpg / png files'
  propsHttp: {
    res: 'data',
    url: 'link',
  },
  rules: [{
    required: true,
    message: "Please upload pictures"
  }],
  span: 24,
  action: '/api/blade-resource/oss/endpoint/put-file',
},

Backend is BladeX

/**
 * upload files
 *
 * @Param file 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);
}
Published 40 original articles · won praise 8 · views 7301

Guess you like

Origin blog.csdn.net/qq_42307369/article/details/104376983