分享更有价值
被信任是一种快乐

TypeScript前端上传文件到MinIO怎么实现

文章页正文上

这篇文章主要讲解了“TypeScript前端上传文件到MinIO怎么实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“TypeScript前端上传文件到MinIO怎么实现免费云主机、域名”吧!MinIO 是一款高性能、分布式的对象存储系统. 它是一款软件产品, 可以100%的运行在标准硬件。即X86等低成本机器也能够很好的运行MinIO。它有3个API可供调用:putObject 从流上传fPutObject 从文件上传presignedPutObject 提供一个临时的上传链接以供上传使用1和2的方式的话,在前端需要暴露出连接MinIO的访问密钥,很不安全,而且官方的Js客户端压根就没想过开放给浏览器.
而3的话,可以由服务端生成一个临时的上传链接提供给前端上传之用,而无需要暴露访问MinIO的密钥,非常的安全,我采用的是第三种方式.在TypeScript下,我们可用的有三种方式实现文件上传:XMLHttpRequestFetch APIAxios需要注意的是: 事实上,后两种API都是封装的XMLHttpRequest.我试过了用POST去上传文件,但是显然的是:我失败了.必须得用PUT去上传.看了不少文章都是这么干的: 构造一个FormData,然后把文件打进去,如果用putObjectfPutObject这两种方式上传,这是没问题的,但是使用presignedPutObject则是不行的,直接发送File就可以了.如果使用以上的方式上传,文件头会被插入一段数据,看起来像是这样子的:它是遵照了 rfc1867 定义的协议.直接使用XMLHttpRequestFetch API都会自动填写成为文件真实的Content-Type.而Axios则不会,需要自己填写进去,或许是我不会使用Axios,但是这是一个需要注意的地方,否则在MinIO里边的Content-Type会被填写成为Axios默认的Content-Type,或者是你自己指定的.感谢各位的阅读,以上就是“TypeScript前端上传文件到MinIO怎么实现”的内容了,经过本文的学习后,相信大家对TypeScript前端上传文件到MinIO怎么实现这一问题有了更深刻的体会,具体使用情况还需要大家实践验证。这里是云技术,小编将为大家推送更多相关知识点的文章,欢迎关注!

相关推荐: vue input金额如何转大写

本篇内容主要讲解“vue input金额如何转大写”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“vue input金额如何转大写”吧! 实现思路该组件实现的主要思路是,通过监听 input 输入框的值变化,获取输入…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册