(javaweb)SpringBootWeb案例(毕业设计)案例--文件上传

1.简介

前端程序和服务端程序

对于前端

html文件放在static目录下

location---文件提交的位置

右键--copy value

-------------c盘目录下

2.本地上传--文件存储

2.

使用uuid:保证文件名是唯一的

此时 并没有文件的拓展名--所以需要---写后缀

用字符串截取

此时图片已存在,注意文件地址存到的位置是\\后面

使用uuid上传 就不会使相同文件名的文件覆盖

再次上传---就会使文件存在两个 但不会覆盖

在application.properties中进行上传

用数组来接收多个文件

解决这些:云端存储

3.阿里云--OSS准备

云服务:通过互联网提供的各种各样的服务

对象存储服务--简称OSS(这里的对象--指的就是文件)

服务器本地不需要存储文件 而是上传交给OSS 由OSS帮助我们存储和管理

OSS可以帮助我们使存储的内容安全可靠

要到阿里云中上传文件 就必须创建一个bucket

要操作阿里云对象存储服务--首先要进行连接--所以首先要知道地址

要想证明是合法用户--首先要知道秘钥--身份凭证 最终:将本地文件上传到阿里云OSS

任何一个文件--都归属于某一个存储空间(某一个bucket)--要指定bucketname

java 复制代码
 String endpoint="https://oss-cn-hangzhou.aliyuncs.com";
        String accessKeyId="LTAI5tAHGtfem25VYZXSYL4n";
        String accessKeySecret="Rh54EODQLZ9XPkyVqrJMO4yNW5G025";
        String bucketName="web-tlias";
        String objectName="1.jpg";
        String filePath="D:\\Javaxijie\\1.jpg";
相关推荐
leoufung1 小时前
ECPF 简介
linux·网络·kernel
水银嘻嘻1 小时前
12 web 自动化之基于关键字+数据驱动-反射自动化框架搭建
运维·前端·自动化
小嘟嚷ovo2 小时前
h5,原生html,echarts关系网实现
前端·html·echarts
十一吖i2 小时前
Vue3项目使用ElDrawer后select方法不生效
前端
只可远观2 小时前
Flutter目录结构介绍、入口、Widget、Center组件、Text组件、MaterialApp组件、Scaffold组件
前端·flutter
周胡杰2 小时前
组件导航 (HMRouter)+flutter项目搭建-混合开发+分栏效果
前端·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
敲代码的小吉米2 小时前
前端上传el-upload、原生input本地文件pdf格式(纯前端预览本地文件不走后端接口)
前端·javascript·pdf·状态模式
是千千千熠啊2 小时前
vue使用Fabric和pdfjs完成合同签章及批注
前端·vue.js
救救孩子把3 小时前
MCP本地高效与云端实时:stdio 与 HTTP+SSE 传输机制深度对比
网络·网络协议·http·sse·mcp·stdio
九月TTS3 小时前
TTS-Web-Vue系列:组件逻辑分离与模块化重构
前端·vue.js·重构