您现在的位置是：首页 > 利用iView的上传组件前端直传阿里云OSS
利用iView的上传组件前端直传阿里云OSS
简介上传文件到OSS有前端传本地服务器，服务器再传OSS，但是这样太慢太占用自己服务器资源了，本文分享一种前端直传方案，该方案不在前端存储key之类的敏感数据，采用后端签名，前端直传，兼顾了资源占用与安全。
上传文件到OSS有前端传本地服务器，服务器再传OSS，但是这样太慢太占用自己服务器资源了，本文分享一种前端直传方案，该方案不在前端存储key之类的敏感，采用后他端签名，前端直传，兼顾了资源占用与安全。
主要在iView的上传组件beforeUpload方法里拦截一下请求。
然后后端要提供一个签名接口，签名接口可以在阿里云官方下载最新DEMO。
handleBeforeUpload (file) {
let _this = this;
// 上传阿里云OSS
return new Promise(async function(resolve, reject) {
// 申请上传签名
let res = await _this.util.request({
url: '/v1/sign',
method: 'get',
});
if (res.code == 200) {
_this.item.extra.action = res.data.params.host; // 上传域名
res.data.params.key = res.data.params.key + file.name; // 上传文件名
_this.item.extra.data = res.data.params; // 签名
resolve();
} else {
alert('获取OSS签名失败');
}
});
}
我的博客即将同步至腾讯云开发者社区，邀请大家一同入驻：https://cloud.tencent.com/developer/support-plan?invite_code=3cn0udci9ym88
相关文章
文章评论
栏目导航
点击排行
-
禁用spring-security
出于一些功能调试目的，需要临时关闭spring-security，本以为简单的配置security.enable=false即可，实际操作发现无法生效，经过查阅资料发现彻底禁用需要参考如下配置。
-
一种纯css实现tab切换效果的方案
很多场景下不希望用JS污染环境，或者无法直接使用JS，比如markdown中，可以使用css来直接实现tab切换，css实现tab切换有很多伤方法，这里提出一种网上不多见的方案。
-
SpringBoot3.0打包二进制可执行文件
go语言等打包二进制发布的方式非常方便，oracle很早之前就开始研究一个叫做GraalVM的虚拟机，GraalVM不仅支持java,还支持js等其它语言，最重要的一点是，它可以将java打包成二进制执行，也就是说生成环境不需要再安装jdk，只需要双击二进制可执行文件即可运行，无论是便利性还是运行速度、包括内内存占用都得倒极大的优化。
-
SpringBoot启动报错Unable to find a suitable main class
Unable to find a suitable main class, please add a 'mainClass' property
-
Vue3组合式API使用教程
通过使用 Vue组合式API ，我们可以将界面中重复的部分连同其功能一起提取为可重用的代码段。
-
Ubuntu1804配置VNC支持
Ubuntu配置VNC支持前提需要图形环境，接着以下按步骤操作。
-
单体项目中内置spring-cloud-config并使用mysql存储配置
随着微服务的流行，越来越多的项目开始使用配置中心来管理项目中复杂的配置，但是也有很多项目仍然在使用单体式架构，那么单体架构如何内置一个配置中心便于随时在后台修改配置呢。
-
Macos brew update 慢~~~
Homebrew 通过 Git 来工作的, 默认的源是 Github. 因为众所周知的原因, update超级慢!
-
发送TRC20-Token交易
波场网络跟以太坊很像，特别是接口设计，token的发送目标首先是合约地址而不是接收token的钱包地址，其次参数里加上接收者钱包地址和数量。
-
小谈PNG转SVG的方法 在线转换网站与illustrator
本文主要探讨JPG/PNG转SVG矢量格式并支持FILL的方法，介绍在线转换网站和通过illustator转换的经验。