踩坑：阿里云oss上传图片报空指针异常

最新推荐文章于 2022-10-25 10:36:56 发布

Alphr

最新推荐文章于 2022-10-25 10:36:56 发布

阅读量2.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏：踩坑文章标签： java vue html

本文链接：https://blog.youkuaiyun.com/Alphr/article/details/105953423

踩坑专栏收录该内容

9 篇文章

订阅专栏

本文详细介绍了在前后端分离项目中，如何利用阿里云OSS进行图片远程上传的具体实现。包括后端接口设计，以及前端代码配置，确保参数类型匹配，避免空指针异常。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在做前后端分离项目的时候，要使用阿里云oss远程上传图片

 	@PostMapping("up")
    public R uploadOssFile(MultipartFile file){
        //获取上传文件MultipartFile
        String url = ossService.uploadFileAvatar(file);
        return R.ok().data("url",url);
    }

这是后端接口

	<el-form-item label="讲师头像">
        <!-- 头衔缩略图 -->
        <pan-thumb :image = "teacher.avatar" />
        <!-- 文件上传按钮 -->
        <el-button type="primary" icon="el-icon-upload" @click="imagecropperShow=true">更换头像</el-button>
        <image-cropper
          v-show="imagecropperShow"
          :width="300"
          :height="300"
          :key="imagecropperKey"
          :url="BASE_API+'/eduoss/fileoss/up'"
          field="file"
          @close="close"
          @crop-upload-success="cropSuccess"
        />
      </el-form-item>