JS 分片上传 阿里云oss

在前端实现分片上传到阿里云OSS可以使用阿里云OSS提供的JavaScript SDK。具体步骤如下：

1. 引入阿里云OSS的JavaScript SDK

<script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.13.0.min.js"></script>

2. 初始化OSS对象

var client = new OSS({
  region: '<your region>',
  accessKeyId: '<your accessKeyId>',
  accessKeySecret: '<your accessKeySecret>',
  bucket: '<your bucket>'
});

3. 分片上传文件

var file = document.getElementById('file').files[0]; // 获取上传的文件
var options = {
  partSize: 1024 * 1024, // 分片大小，单位为字节，默认值为 1MB
  progress: function (p) {
    console.log('Progress: ' + p);
  }
};
client.multipartUpload('<your object key>', file, options).then(function (res) {
  console.log('Upload success: ', res);
});

其中`<your object key>`为上传到OSS的文件名。

4. 取消上传

var uploadId; // 分片上传的uploadId
client.abortMultipartUpload('<your object key>', uploadId).then(function (res) {
  console.log('Upload aborted');
});

这样就可以在前端实现分片上传到阿里云OSS了。注意，分片上传需要在后端进行合并，可以使用阿里云OSS提供的API或者自行实现。