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

相关推荐
2021-05-21
jquery跳转页面指定元素位置
懒惰象生锈一样,比操劳更能消耗身体;经常用的钥匙,总是亮闪闪的。——富兰克林 代码如下 12345678// 获取到jquery节点 var targetDom = $('#achao') // 获取x坐标 var x = targetDom.offset().top; // 获取y坐标 var y = targetDom.offset().left; // 页面800ms内跳转到x坐标-200的地方 $('html,body').animate({scrollTop: x-200}, 800);
2026-04-07
openscreen
光阴给我们经验,读书给我们知识。——奥斯特洛夫斯基 OpenScreen:一位不收月费、不打水印、还愿意陪你把 Demo 做漂亮的“录屏导演”OpenScreen 站在门口,抱着一台相机,语气很轻松: 我不卖你订阅。我不在你视频角落盖章。我允许你商用。我只想让你做出 stunning demos ——那种一看就让人想点“Star”、想转发、想说“这也太清爽了吧”的产品演示和讲解视频。 它的自我介绍写得直白又有点倔: Create stunning demos for free. Open-source, no subscriptions, no watermarks, and free for commercial use. An alternative to Screen Studio. 它像是在对你说:“如果你不想每个月为 Screen Studio 付 $29,但又想做漂亮、干净、重点明确的产品 demo,那我来。” 先认识一下它:它不是 1:1 复刻,它是更轻、更直接的“基础款刚需”OpenScreen 并不假装自己是 Screen Studio 的影子。它更像...
2022-11-20
JSON小技巧
越年轻,就越不能跟丑事妥协——纪德 分享个前端的JSON.stringify以及parse小技巧 MDN:https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/JSON 例如我们此处使用JSON.stringify({name:'VampireAchao',age:21})可以将对象转为json 如果我们只想要name值,则可以传入第二个参数,可以接受一个数组类型 1JSON.stringify({name:'VampireAchao',age:21},['name']) 转出来则是'{"name":"VampireAchao"}' 如果我们要自定义规则,则可以传入一个函数类型,第一次调用时value为我们的数据对象,属于由外向内调用 1234567891011121314let times = 0;const json = JSON....
2025-05-02
vue-awesome-paginate
尽量在舒适的情况下工作。记住,身体的紧张会制造肩痛和精神疲劳。 —— 卡耐基 https://github.com/peshanghiwa/vue-awesome-paginate vue-awesome-paginate:Vue.js 3 的强大分页解决方案在 Web 应用开发中,分页是一个常见的功能,尤其是在处理大数据集时。vue-awesome-paginate 是一个专为 Vue.js 3 打造的分页库,它以简单、高效和灵活的特点,帮助开发者快速实现分页功能。 什么是 vue-awesome-paginate?vue-awesome-paginate 是一个开源库,旨在为 Vue.js 3 应用提供强大的分页解决方案。它具有高度的可定制性,支持多种分页样式,并且易于与现有项目集成。 核心特点: 简洁的 API:快速上手,减少开发时间。 高度可定制:支持样式和行为的全面定制。 轻量级:库体积小,性能优异。 Vue 3 支持:专为 Vue.js 3 设计,充分利用其功能特性。 使用场景vue-awesome-paginate 适用于以下场景: 数据表格分页在数据密...
2024-07-03
js页面历史返回
历史是一堆灰烬,但灰烬深处有余温。——黑格尔 我们可以使用history.back()来进行页面返回 history的文档: History API - Web API | MDN 除了返回还可以前进 1history.forward(); 以及 12// 向后跳转一个页面(等价于调用 back())history.go(-1); 然后还有 12// 向前跳转一个页面,就像调用 forward()history.go(1); 当然传入0就是刷新 123// 以下语句都具有刷新页面的效果history.go(0);history.go(); 还有查看页面栈长度 1const numberOfEntries = history.length; 补充: 12345678910window.addEventListener("popstate", (event) => { alert(`位置:${document.location},状态:${JSON.stringify(event.state)}...
2022-06-18
js拖拽框选插件
只要你具备了精神气质的美,只要你有这样的自信,你就会拥有风度的自然之美。——金马 分享一个js的拖拽框选插件 官网:https://dragselect.com/ 源码:https://github.com/ThibaultJanBeyer/DragSelect.git 使用: 1pnpm i dragselect 有前端大佬翻译了部分,并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题,所以如果是跟我一样pnpm i下载下的版本,应该也会有这个问题,因此反选自己实现即可,这是我按照上面链接中的demo在vue模块化项目中的组件: TagDragSelect.vue 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828...

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