minio预签名上传前端axios注意事项
发表于|更新于
|浏览量:
不论替人家做了多少好事,不论多么忠心耿耿,看起来,绝不能指望人家感谢你。——托尔斯泰
但当时提供的也是后端代码,现在需要前端axios的
axios文档:Axios API | Axios Docs
1 | axios({ |
这里的file就是前端的File对象,我们此处是将其转换为Blob,然后再通过data参数发送,这里headers也需要设置Content-Type为application/octet-stream

相关推荐
2023-09-26
react生命周期弃用
强本而节用,则天不能贫;养备而动时,则天不能病;修道而不贰,则天不能祸。——荀子 在运行apache-shenyu发现很多警告 大致说是生命周期弃用了,并且提供了一个指南链接 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html 指南中大致提到了几点,以及相关的例子 https://legacy.reactjs.org/blog/2018/03/27/update-on-async-rendering.html#examples 例如请求数据渲染时使用componentDidMount代替componentWillMount之类的场景 我也针对新建了一个issue,去处理优化掉这些弃用的生命周期 https://github.com/apache/shenyu-dashboard/issues/341
2024-11-09
typescript-exercises(十四)
人心就是立国的大根本。——孙中山 问题: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194...
2025-04-18
zod
人们因为能忘却,所以自己能渐渐的脱离了受过的苦痛,也因为能忘却,所以照样得再犯前人的错误。——鲁迅 探索 Zod:TypeScript-first 的模式验证库在现代 JavaScript 和 TypeScript 开发中,数据验证是不可或缺的一部分。而 Zod,一个以 TypeScript 为中心的模式验证库,提供了简洁、强大的工具来解决这一问题。本文将带你了解 Zod 的核心功能、使用方法及其开发者友好的特性。 什么是 Zod?Zod 是一个专为 TypeScript 设计的模式声明和验证库,旨在简化开发者的工作。它允许你定义模式(schema),并自动推断出 TypeScript 类型,同时对运行时数据进行验证。 Zod 的核心特点: TypeScript-first:Zod 的设计完全围绕 TypeScript,能够利用其类型推断和静态检查功能。 零依赖:与其他库不同,Zod 是一个零依赖的轻量级库,体积仅为 8kb(minified + gzipped)。 函数式编程风格:Zod 提供了一种连贯的链式接口,支持函数式编程。 跨平台支持:支持 Node.js 和现代...
2024-05-17
处理js的JSON.parse中Number太长导致精度丢失问题
大自然的真实和单纯,常是重要艺术极点的基础。——恩格斯 代码如下: 1"token".split(".").slice(0,2).map(i=>JSON.parse(atob(i))) 这里主要是 JSON.parse 导致的,我简单复现一下 1JSON.parse('{"id":9052710354240385291}') 得到的是 1{id: 9052710354240385000} 可以看到后面的 291 变为 000 了 解决方式这里使用正则匹配 /:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g 例如: 123456JSON.parse('{"id":9052710354240385291}'.replace(/:\s*([-+]?\d+(\.\d+)?([eE][-+]?\d+)?)/g, (match, p1) => { ...
2025-04-16
flutter
忘记过去的错误,一切重新开始。今天是争取机遇的日子。我们都是脆弱的人。自我失败和他人的行为往往容易伤害我们。然而,我们生活的意义在于今天,我们要像婴儿抓住母亲那样争取机遇。—— 马尔兹 深入了解 Flutter:构建跨平台应用的利器Flutter 是由 Google 开发的一款开源 UI 工具包,它能够通过一套代码库快速构建跨平台应用程序。无论是 iOS、Android、Web 还是桌面平台,Flutter 都能提供高性能的本地体验。在本文中,我们将深入探讨 Flutter 的核心特性、架构设计以及其在开发中的优势,帮助你更好地理解这个强大的框架。 一、什么是 Flutter?Flutter 是一个 开源的 UI 工具包,用于通过单一代码库构建多平台应用程序。它的核心目标是解决传统跨平台开发中性能和一致性的问题。 特点: 使用 Dart 语言开发 提供丰富的内置组件(Widgets) 基于自绘引擎(Skia),实现高性能的渲染 支持热重载(Hot Reload),提升开发效率 Flutter 的核心代码库托管在 GitHub 上:Flutter GitHub 仓库。 ...
2024-09-04
web组件库lion
君子耻不修,不耻见污;耻不信,不耻不见信;耻不能,不耻不见用。——荀子 github: https://github.com/ing-bank/lion 官方文档: https://lion-web.netlify.app/ Lion 是一组高性能、可访问且灵活的 Web 组件 它们提供了一个无主见的白标签层,可以扩展到您自己的组件层 高性能:专注于在所有相关浏览器中实现出色的性能,具有最少的依赖项 可及性:旨在符合 WCAG 2.2 AA 标准,以创建每个人都可以使用的组件 灵活性:通过 Web Components 和 JavaScript 类提供解决方案,这些类可以使用、采用和扩展以满足所有需求 现代代码:Lion 以纯 es 模块的形式分发 公开函数/类和 Web 组件:以最合适的形式提供功能 注意:我们的演示可能看起来有点平淡无奇,但这是故意的。它们仅带有功能性样式。这是有道理的,因为主要用例是扩展这些组件,如果您这样做,则不想覆盖现有样式。 Guides: Lion 安装: 1npm i @lion/ui 使用: 1234567891011121314...

阿超
我的名字叫阿超 年龄25岁 家在北京市 职业是软件开发 每天最晚也会在八点前回家 不抽烟 酒浅尝辄止 晚上十二点上床 保证睡足八个小时 睡前写一篇博客 再做二十分钟俯卧撑暖身 然后再睡觉 基本能熟睡到天亮 像婴儿一样不留下任何疲劳和压力 就这样迎来第二天的早晨 健康检查结果也显示我很正常 我想说明我是一个不论何时都追求内心平稳的人 不拘泥于胜负 不纠结于烦恼 不树立使我夜不能寐的敌人 这就是我在这社会的生活态度
Follow Me公告
This is my Blog