阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)

本文涉及的产品
对象存储 OSS,20GB 3个月
对象存储 OSS,恶意文件检测 1000次 1年
对象存储 OSS,内容安全 1000次 1年
简介: 阿里云OSS 服务端签名后直传之分片上传(结合element-ui的upload组件)

分片上传(结合element-ui的upload组件实现自定义上传)

async uploadFree(content){
     let data = await this.getOssToken();    //后台返回的OSS秘钥等等
     let client = new OSS({
         region: data.region,
         accessKeyId: data.AccessKeyId,
         accessKeySecret: data.AccessKeySecret,
         stsToken: data.SecurityToken,
         bucket: data.bucketName
     });
     try {
        let result = await client.multipartUpload(content.file.name, content.file, {
            progress: async function (p) {//这是上传进度条
                content.onProgress({percent: parseInt(p * 100)+'%', returnValue: true });
            }
     });
    return (content.file['response'] = [result].map(curr =>{//on-change回调的参数
        return {
            code: curr.res.status,
            name: content.file.name,
            data: curr.res.requestUrls[0].split('?')[0]
        }
    })[0]);
    } catch (e) {
         console.log(e)
        if (e.code === 'ConnectionTimeoutError') {
            content.onError('视频上传超时')
            throw "视频上传超时!";
        }else{
            content.onError('视频上传失败')
        }
    }
}

 

官方文档: 传送门


相关实践学习
借助OSS搭建在线教育视频课程分享网站
本教程介绍如何基于云服务器ECS和对象存储OSS,搭建一个在线教育视频课程分享网站。
相关文章
|
1月前
|
分布式计算 大数据 MaxCompute
MaxCompute产品使用合集之使用pyodps读取OSS(阿里云对象存储)中的文件的步骤是什么
MaxCompute作为一款全面的大数据处理平台,广泛应用于各类大数据分析、数据挖掘、BI及机器学习场景。掌握其核心功能、熟练操作流程、遵循最佳实践,可以帮助用户高效、安全地管理和利用海量数据。以下是一个关于MaxCompute产品使用的合集,涵盖了其核心功能、应用场景、操作流程以及最佳实践等内容。
|
17天前
|
SQL 分布式计算 DataWorks
DataWorks产品使用合集之如何将CSV文件从阿里云OSS同步到ODPS表,并且使用列作为表分区
DataWorks作为一站式的数据开发与治理平台,提供了从数据采集、清洗、开发、调度、服务化、质量监控到安全管理的全套解决方案,帮助企业构建高效、规范、安全的大数据处理体系。以下是对DataWorks产品使用合集的概述,涵盖数据处理的各个环节。
DataWorks产品使用合集之如何将CSV文件从阿里云OSS同步到ODPS表,并且使用列作为表分区
|
2天前
|
前端开发 对象存储 数据安全/隐私保护
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
阿里云前端直传has been blocked by CORS policy: Response to preflight request doesn‘t pass access control
15 2
|
30天前
|
SQL 分布式计算 监控
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
本文演示了使用 EMR Serverless Spark 产品搭建一个日志分析应用的全流程,包括数据开发和生产调度以及交互式查询等场景。
56443 7
基于阿里云 EMR Serverless Spark 版快速搭建OSS日志分析应用
|
9天前
|
Java 对象存储
java对接阿里云OSS上传
java对接阿里云OSS上传
78 2
|
2天前
|
Java 对象存储
阿里云OSS上传下载文件java
阿里云OSS上传下载文件java
27 0
|
2天前
|
域名解析 对象存储
OSS绑定自定义域名(基于阿里云)
OSS绑定自定义域名(基于阿里云)
9 0
|
30天前
|
存储 弹性计算 数据管理
【阿里云弹性计算】ECS实例的冷热数据管理:利用阿里云 OSS 与 ECS 的高效协同
【5月更文挑战第28天】阿里云ECS与OSS协同,实现弹性计算服务的高效数据管理。ECS处理热数据,OSS存储冷数据,降低存储成本,提升性能。通过自动化策略实现数据自动迁移,优化实例性能,适用于电商图片、日志存储等场景。注意迁移策略设置和数据安全,为企业带来更大价值和竞争力。
127 1
|
1月前
|
存储 弹性计算 数据库
阿里云oss备份网站数据的详细步骤
该教程指导如何使用阿里云OSS备份网站数据。首先,注册阿里云账号并购买40GB的OSS存储空间。创建Bucket,选择与服务器相同的区域和私有权限。安装阿里云OSS插件,获取AccessKey信息。在宝塔面板中设置计划任务进行网站或数据库备份,选择内网域名以节省流量。备份完成后,通过文件管理器检查OSS中是否有备份文件。下载备份文件需点击文件名,然后打开文件URL。
133 5
|
1月前
|
网络协议 对象存储
阿里云oss配置自有域名
阿里云oss配置自有域名
58 1

热门文章

最新文章