1.van-uploader+oss上传文件（图排/视频） 2.前端直传oss小文件普通上传, 大文件采用oss分片上传 3.视频/图片预览 4.获取视频封面图

第一次接触这种文件上传,当时接到这个需求我都是无从下手的,后端大哥告诉我:项目有上传图片和好几个g的大文件,这就需要使用到分片上传,就丢给了我几个阿里云的链接...... 作为一名勤奋好学的CV工程师

由于阿里云oss官方提供的web端sdk体积过大1.13mb（压缩后509kb），功能丰富安全可靠，但是项目需求简单，不想造成代码包体积收到影响，被逼无奈根据官方文档构建min版sdk

需求背景 由于现有的后台管理系统，上传的视频越来越大，加上上传视频较慢，后端小哥提出直接从前端上传视频或者其他文件到阿里云OSS存储。 阿里云OSS 阿里云OSS文档介绍，这里不做过多赘述 安装 原本

一.前言 web端上传文件需求是很常见的，如单文件/批量上传等场景等，网络上很多资源都是针对单文件操作案例，导致部分基础较差的前端童鞋无法理解多文件批量操作。所以现将公司实际项目的完整案例记录如下 特

首先介绍一下阿里云OSS对象存储的一些基本概念。 登录阿里云账号，进入对象存储界面，如图所示。 进入后如图所示。 这里不过多介绍如何在阿里云上传下载文件，这些操作基本上点一点都能找到。 Bucket实质就是阿里云OSS对象存储的一个存储空间，按照计算机理解的话可以理解为一个磁盘…

1.封装上传和下载的方法  安装ali-oss包新建utils/oss.js:然后在utils/oss.js写入代码:导入ali-oss：  2.配置信息: 3.上传:  4.下载 5.导出：2.在m

每个分片的大小不要超过1MB，也不要小于100KB。OSS服务器不接受小于100KB大小的分片。 浏览器端需要使用的accessKeyId和accessKeySecret 是sts接口返回的accessKeyId和accessKeySecret，不是固定的。

这段时间面试官都挺忙的，频频出现在博客文章标题，虽然我不是特别想蹭热度，但是实在想不到好的标题了-。-，蹭蹭就蹭蹭 :)