微信小程序/vue通过阿里云上传图片

最新推荐文章于 2024-07-19 11:16:32 发布

涿鹿中猿

最新推荐文章于 2024-07-19 11:16:32 发布

阅读量1.5k

点赞数 1

分类专栏：图片上传项目文章标签：阿里云

本文链接：https://blog.csdn.net/weixin_47900124/article/details/123706659

版权

1.首先前端放入获取上传的组件
微信小程序uview组件：
https://www.uviewui.com/components/upload.html
在这里插入图片描述

vue所使用的element组件：
https://element.eleme.cn/#/zh-CN/component/upload
在这里插入图片描述

上面一个是微信小程序的上传，一个是普通浏览器的前端上传组件的代码出处。

后端我们需要一个阿里云的依赖，这个依赖是工具包用的。

    <dependency>
        <groupId>com.aliyun.oss</groupId>
        <artifactId>aliyun-sdk-oss</artifactId>
        <version>3.10.2</version>
    </dependency>

接下来需要配置yaml文件

aliyun:
  oss:
    file:
      endpoint: oss-cn-（区域：上海、北京等，用拼音表达，注意这个括号是不存在的）.aliyuncs.com
      keyId: 开通oss服务时生成的keyId
      keySecret: 开通oss服务时生成的keySecret
      dirName: 阿里云上传图片路径的文件名