​




后端代码

  /**
   * 上传文件
   */
  @PostMapping("/upload")
  @ApiOperationSupport(order = 8)
  @ApiOperation(value = "上传文件", notes = "上传文件")
  public R upload(MultipartFile file) {
    BladeFile bf = getFile(file);
    bf.transfer(false);
    return R.data(bf.getUploadPath());
  }


前端代码

            {
              label: '缩略图上传',
              prop: 'pic',
              type: 'upload',
              limit: 3,
              span: 24,
              propsHttp: {
                res: 'data.0'
              },
              listType: 'picture',
              tip: '只能上传jpg/png文件，且不超过500kb',
              action: '/api/blade-pms/product/upload'
            },


配置文件修改

remote-mode: false


代码截图

SpringBlade 本地图片上传_上传文件

SpringBlade 本地图片上传_3d_02

SpringBlade 本地图片上传_html_03

SpringBlade 本地图片上传_配置文件_04

SpringBlade 本地图片上传_html_05


上传图片的访问

映射路径

SpringBlade 本地图片上传_上传_06

这里是测试的图片

SpringBlade 本地图片上传_3d_07

通过url路径访问

SpringBlade 本地图片上传_配置文件_08

用postman测试

SpringBlade 本地图片上传_3d_09


授权问题

SpringBlade 本地图片上传_上传文件_10

SpringBlade 本地图片上传_配置文件_11

blade:
  secure:
    skip-url:
      - /upload/**