阿里云oss文件上传

这个调研功能我是在两个项目里面写了一些测试功能，包括一个后端项目vue-demo 还有一个前端项目spring-demo。

项目中实现的个性功能：

上传图片到阿里云oss会得到一个图片的md5值

客户端加载图片时可以获取到图片的md5值

比较两个md5值可以确保图片是一致的

一、项目实现的效果

• 1.后端项目spring-demo实现的效果。（后面因为添加了spring项目的热更新，运行项目后不会主动打开页面。需要自己手动打开测试页面地址）
  • 1.后端项目包含了更多的功能，包括获取阿里云oss特定目录下的文件列表
  • 2.上传图片到阿里云oss接口
  • 3.在html页面使用spark-md5.min.js的cdn引入，获取并比较图片的md5
• 2.前端项目vue-demo实现的效果。
  • 1.前端项目的目的就是为了在vue项目中使用spark-md5库获取并比较图片的md5

二、项目介绍

关于后端项目spring-demo的阿里云oss功能介绍文档： alioss文件上传。这个文档里面已经比较详细，这里就不再赘述了。

截图信息

主要的代码就是调用阿里云的oss的相关sdk也不是很难。难一点的可能就是阿里云oss的一些配置及信息， 具体在这个文档alioss配置及相关信息里面介绍的比较详细了,这里也不再赘述了。

截图信息