MinIO - 服务端签名直传（前端 + 后端 + 效果演示）
目录
开始
服务端签名直传概述
代码实现
后端实现
前端实现
效果演示
开始
服务端签名直传概述
传统的，我们有两种方式将图片上传到 OSS：
a）前端请求 -> 后端服务器 -> OSS
好处：在服务端上传，更加安全.
坏处：给服务器带来压力.
b）直接写在前端 js 代码中
好处：效率高，不用给服务器带来额外压力.
坏处：危险，用户直接可以看得到 OSS账号密码 信息.
因此最好的方式就是 服务端签名直传：用户直接去服务器请求获取上传签名（账号密码加密生成的防伪签名，一般有过期时间），服务器就返回防伪签名，然后用户就可以拿着签名和要上传的文件，通过表单直接上传到 OSS 中.
此时既不需要服务端承担上传文件到 OSS 中的压力，也保证了 OSS账号密码 信息的安全性.
代码实现
后端实现
a）配置文件
minio:access-key: rootsecret-key: rootrootendpoint: http://100.105.180.32:9001bucket: dir1
b）Bean 配置
import org.springframework.context.annotation.Configuration
import io.minio.MinioClient
import org.springframework.beans.factory.annotation.Value
import org.springframework.context.annotation.Bean@Configuration
class MinioConfig {@Value("\${minio.access-key}")private lateinit var accessKey: String@Value("\${minio.secret-key}")private lateinit var secretKey: String@Value("\${minio.endpoint}")private lateinit var endpoint: String@Beanfun minioClient(): MinioClient = MinioClient.builder().endpoint(endpoint) //格式必须是 http://ip:port 注意: 这里使用的 9001 端口，而不是 9000.credentials(accessKey, secretKey) //用户名 和 密码.build()}
c）核心代码
@RestController
@RequestMapping("/third/minio")
class MinioApi(private val minioClient: MinioClient
) {@Value("\${minio.endpoint}")private lateinit var endpoint: String@Value("\${minio.bucket}")private lateinit var bucket: String@GetMapping("/policy")fun policy(): Map<String, String> {val objectNamePrefix = "uploads/"// 设置过期时间为当前时间加1小时val expiration = ZonedDateTime.now().plusHours(1)val postPolicy = PostPolicy(bucket, expiration)postPolicy.run {//添加条件，确保字段的值以指定前缀开头，前端指定 key 时，也需要加上该前缀，否则 403addStartsWithCondition("key", objectNamePrefix)//添加条件，将文件大小范围限制在 1 ~ 10485760 (1 到 10 MB)addContentLengthRangeCondition(1, 10485760)}val result = minioClient.getPresignedPostFormData(postPolicy).apply {//这里是给前端构造 Minio 请求的this["url"] = "$endpoint/$bucket"}return result}}
前端实现
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Minio File Upload</title>
</head>
<body>
<h2>Minio 文件上传</h2>
<input type="file" id="fileInput" />
<button onclick="uploadFile()">上传</button><script>async function uploadFile() {const fileInput = document.getElementById('fileInput');if (!fileInput.files.length) {alert('请选择文件');return;}const file = fileInput.files[0];const response = await fetch('http://localhost:10010/third/minio/policy');const formData = await response.json();const data = new FormData();for (const [key, value] of Object.entries(formData)) {data.append(key, value);}// 构建对象键(这里一定要和 后端 那里的设定的前缀一致，否则 403)const objectName = 'uploads/' + file.name;data.append('key', objectName);data.append('file', file);// 上传 URLconst uploadUrl = formData['url'];const uploadResponse = await fetch(uploadUrl, {method: 'POST',body: data,});if (uploadResponse.ok) {alert('上传成功');} else {alert('上传失败');}}
</script>
</body>
</html>
效果演示
a）点击选择文件，选择 mongo.png
b）点击上传
c）返回 MinIO 控制台，就可以看到文件已经长传成功~
相关文章：
MinIO - 服务端签名直传（前端 + 后端 + 效果演示）
目录 开始 服务端签名直传概述 代码实现 后端实现 前端实现 效果演示 开始 服务端签名直传概述 传统的，我们有两种方式将图片上传到 OSS： a）前端请求 -> 后端服务器 -> OSS 好处：在服务端上传，更加安全…...
使用getopt处理参数
文章目录 使用getopt处理参数1. shift 命令1.1 删除一个参数1.2 删除多个参数1.3 多次执行 shift 参数1.4 参数解析示例1.5 优化处理1.6 问题处理 2. getopt 命令2.1 常用参数及示例2.2 脚本参数优化示例2.3 参数校验 3. 示例展示4. eval 命令4.1 示例示例 1示例 2示例 3示例 4…...
图像搜索技术在司法证据分析中的应用：思通数科大模型的创新实践
引言 在司法侦查过程中，图像和视频证据的分析对于案件的侦破至关重要。随着人工智能技术的快速发展，图像搜索技术已成为司法领域的关键工具。本文将探讨如何结合思通数科的大模型，利用图像搜索技术对案件中的图片或视频证据进行深度分析&…...
python使用多进程，传入多个参数？
先展示一下我的多进程代码： def process_image(image_path_list):# 获取模板以及类别名template_feature {}template_image cv2.imread(image_path_list)template_feature[curr_template_name] template_imageinput_image cv2.imread(img)template_feature[inp…...
李彦宏: 开源模型是智商税｜马斯克: OpenAI 闭源不如叫 CloseAI
在 2024 年世界人工智能大会（WAIC 2024）上，百度创始人、董事长兼首席执行官李彦宏发表对开源模型的评价。 李彦宏认为：开源模型实际上是一种智商税，而闭源模型才是人工智能（AI）行业的未来。 马…...
怎么参与场外期权？场外期权交易要注意什么？
今天带你了解怎么参与场外期权？场外期权交易要注意什么？场外期权（OTC Options）是指在交易所之外进行的期权交易。与场内期权（交易所挂牌交易）不同，场外期权交易由交易双方私下协商确定合约条款&…...
Postman脚本炼金术：高级数据处理的秘籍
🤖 Postman脚本炼金术：高级数据处理的秘籍 Postman不仅是API测试的强大工具，它的脚本功能同样能够在数据处理方面大放异彩。无论是在请求之前设置环境，还是测试后验证结果，Postman的脚本都能提供强大的数据处理能力。…...
MySQL字符串相关数据处理函数
目录 1. 转大小写 2. 截取字符串 sunstr 3. 获取字符长度 4. 字符串拼接 concat 5. 去掉空白 trim 1. 转大小写 转大写：upper() 转小写：lower() 虽然MySQL不严格区分大小写，但是我们还是需要掌握这种大小写的操作以方便学习其他…...
最近查看了一些批处理文件的写法，整理了一些基础的命令符，大佬勿喷
1.Echo 命令 打开回显或关闭请求回显功能，或显示消息。 2. 命令 表示不显示后面的命令,但是会显示结果 3.Goto和： 命令 ：定义标签，goto跳转到标签 4.Rem ::注释命令 ::不显示不执行，rem显示不执行 5.Pause 命令 暂停命…...
解决 Yarn 运行时的 Node.js 版本问题：一个详尽的指南
引言 Yarn 是一个流行的 JavaScript 包管理器，它与 Node.js 紧密集成，用于管理项目依赖。然而，在开发过程中，开发者可能会遇到 Node.js 版本不兼容的问题，这会导致 Yarn 运行时出错。本文将提供一个详细的指南&#x…...
SQL基础-DQL 小结
SQL基础-DQL 小结 学习目标：学习内容：SELECTFROMWHEREGROUP BYHAVINGORDER BY运算符ASC 和 DESC 总结 学习目标： 1.理解DQL（Data Query Language）的基本概念和作用。 2.掌握SQL查询的基本语法结构，包括SEL…...
冒泡排序与其C语言通用连续类型排序代码
冒泡排序与其C语言通用连续类型排序代码 冒泡排序冒泡排序为交换排序的一种：动图展示：冒泡排序的特性总结：冒泡排序排整型数据参考代码（VS2022C语言环境）： 冒泡排序C语言通用连续类型排序代码对比较的方式更…...
Python爬虫并输出
1. Python爬虫并输出示例 下面是一个使用Python编写的简单网络爬虫示例，该爬虫将抓取某个网页（例如，我们假设为https://example.com，但请注意实际使用时我们需要替换为一个真实且允许抓取的网站）的标题（Ti…...
交叉熵损失函数的使用目的（很肤浅的理解）
第一种使用方法 import torch from torch import nn # Example of target with class indices loss nn.CrossEntropyLoss() input torch.randn(3, 5, requires_gradTrue) target torch.empty(3, dtypetorch.long).random_(5) output loss(input, target) output.backward(…...
MySQL：TABLE_SCHEMA及其应用
MySQL TABLE_SCHEMA及其应用 - 文章信息 - Author: 李俊才 (jcLee95) Visit me at CSDN: https://jclee95.blog.csdn.netMy WebSite：http://thispage.tech/Email: 291148484163.com. Shenzhen ChinaAddress of this article:https://blog.csdn.net/qq_28550263/ar…...
【MySQL】4.MySQL 的数据类型
MySQL 的数据类型 一.数据类型分类在这里插入图片描述二.注意点1.char VS varchar2.datetime VS timestamp3.enum 和 set 的使用方法 一.数据类型分类 二.注意点 1.char VS varchar char 的意义是直接开辟固定大小的空间，浪费磁盘空间，但是效率高varcha…...
STM32中断（NVIC和EXIT）
CM3 内核支持 256 个中断，其中包含了 16 个内核中断和 240个外部中断，并且具有 256 级的可编程中断设置。但STM32 并没有使用CM3内核的全部东西，而是只用了它的一部分。STM32有 76 个中断，包括16 个内核中断和 60 个可屏蔽中断&am…...
哈弗架构和冯诺伊曼架构
文章目录 1. 计算机体系结构 2. 哈弗架构（Harvard Architecture） 3. 改进的哈弗架构 4. 冯诺伊曼架构（Von Neumann Architecture） 5. 结构对比 1. 计算机体系结构 计算机体系结构是指计算机系统的组织和实现方式，…...
Python实现动态迷宫生成：自动生成迷宫的动画
文章目录 引言准备工作前置条件 代码实现与解析导入必要的库初始化Pygame定义迷宫生成类主循环 完整代码 引言 迷宫生成算法在游戏开发和图形学中有着广泛的应用。它不仅可以用于创建迷宫游戏，还可以用于生成有趣的图案。在这篇博客中，我们将使用Python…...
大学生暑假“三下乡”社会实践工作新闻投稿指南请查收！
近年来，大学生暑期“三下乡”社会实践工作方兴未艾，越来越多的大学生通过参与“三下乡”实践工作，走出校园，深入基层，体验农村生活，服务农民，促进农村经济社会发展，实现了理论与实践…...
Qt/C++开发监控GB28181系统/取流协议/同时支持udp/tcp被动/tcp主动
一、前言说明 在2011版本的gb28181协议中，拉取视频流只要求udp方式，从2016开始要求新增支持tcp被动和tcp主动两种方式，udp理论上会丢包的，所以实际使用过程可能会出现画面花屏的情况，而tcp肯定不丢包，起码…...
微软PowerBI考试 PL300-选择 Power BI 模型框架【附练习数据】
微软PowerBI考试 PL300-选择 Power BI 模型框架 20 多年来，Microsoft 持续对企业商业智能 (BI) 进行大量投资。 Azure Analysis Services (AAS) 和 SQL Server Analysis Services (SSAS) 基于无数企业使用的成熟的 BI 数据建模技术。 同样的技术也是 Power BI 数据…...
vscode（仍待补充）
写于2025 6.9 主包将加入vscode这个更权威的圈子 vscode的基本使用 侧边栏 vscode还能连接ssh？ debug时使用的launch文件 1.task.json {"tasks": [{"type": "cppbuild","label": "C/C: gcc.exe 生成活动文件"…...
渲染学进阶内容——模型
最近在写模组的时候发现渲染器里面离不开模型的定义，在渲染的第二篇文章中简单的讲解了一下关于模型部分的内容，其实不管是方块还是方块实体，都离不开模型的内容 🧱 一、CubeListBuilder 功能解析 CubeListBuilder 是 Minecraft Java 版模型系统的核心构建器，用于动态创…...
Qwen3-Embedding-0.6B深度解析：多语言语义检索的轻量级利器
第一章 引言：语义表示的新时代挑战与Qwen3的破局之路 1.1 文本嵌入的核心价值与技术演进 在人工智能领域，文本嵌入技术如同连接自然语言与机器理解的“神经突触”——它将人类语言转化为计算机可计算的语义向量，支撑着搜索引擎、推荐系统、…...
MySQL 8.0 OCP 英文题库解析（十三）
Oracle 为庆祝 MySQL 30 周年，截止到 2025.07.31 之前。所有人均可以免费考取原价245美元的MySQL OCP 认证。 从今天开始，将英文题库免费公布出来，并进行解析，帮助大家在一个月之内轻松通过OCP认证。 本期公布试题111~120 试题1…...
三分算法与DeepSeek辅助证明是单峰函数
前置 单峰函数有唯一的最大值，最大值左侧的数值严格单调递增，最大值右侧的数值严格单调递减。 单谷函数有唯一的最小值，最小值左侧的数值严格单调递减，最小值右侧的数值严格单调递增。 三分的本质 三分和二分一样都是通过不断缩…...
day36-多路IO复用
一、基本概念 （服务器多客户端模型） 定义：单线程或单进程同时监测若干个文件描述符是否可以执行IO操作的能力 作用：应用程序通常需要处理来自多条事件流中的事件，比如我现在用的电脑，需要同时处理键盘鼠标…...
基于PHP的连锁酒店管理系统
有需要请加文章底部Q哦 可远程调试 基于PHP的连锁酒店管理系统 一 介绍 连锁酒店管理系统基于原生PHP开发，数据库mysql，前端bootstrap。系统角色分为用户和管理员。 技术栈 phpmysqlbootstrapphpstudyvscode 二 功能 用户 1 注册/登录/注销 2 个人中…...
苹果AI眼镜：从“工具”到“社交姿态”的范式革命——重新定义AI交互入口的未来机会
在2025年的AI硬件浪潮中，苹果AI眼镜（Apple Glasses）正在引发一场关于“人机交互形态”的深度思考。它并非简单地替代AirPods或Apple Watch，而是开辟了一个全新的、日常可接受的AI入口。其核心价值不在于功能的堆叠，而在于如何通过形态设计打破社交壁垒，成为用户“全天佩戴…...