node.js 前端直接分片上传文件与阿里云OSS的方法

办理题目：直接由用户上传文件至阿里云OSS，而非颠末中间件/后端
官方文档：分片上传 (aliyun.com)​​​​​​​​​​​
在官方文档中，提供的方法是由中间件上传至oss，调用了path库，但是在浏览器用户没有那么大的权限，我们关注到文档中此表：
类型参数说明必选参数name {String}Object完整路径，Object完整路径中不能包罗Bucket名称。file {String|File}表现文件路径或者HTML5文件。 在必选参数中除了提供path，还可以提供HTML5文件，也就是我们常说的file。
给出如下办理：

1. const OSS = require('ali-oss');
2. const path = require("path");
4. let elm = document.getElementById('fileInput')
5. uploadFile = null
7. elm.onchange = function (e) {
8.     let files = e.target.files
9.     let uploadFile = files[0]
10.     let render = new FileReader()
12. const client = new OSS({
13.   // yourRegion填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。
14.   region: 'yourRegion',
15.   // 阿里云账号AccessKey拥有所有API的访问权限，风险很高。强烈建议您创建并使用RAM用户进行API访问或日常运维，请登录RAM控制台创建RAM用户。
16.   accessKeyId: 'yourAccessKeyId',
17.   accessKeySecret: 'yourAccessKeySecret',
18.   // 填写Bucket名称，例如examplebucket。
19.   bucket: 'examplebucket',
20. });
23. const progress = (p, _checkpoint) => {
24.   // Object的上传进度。
25.   console.log(p);
26.   // 分片上传的断点信息。
27.   console.log(_checkpoint);
28. };
30. const headers = {  
31.   // 指定Object的存储类型。
32.   'x-oss-storage-class': 'Standard',
33.   // 指定Object标签，可同时设置多个标签。
34.   'x-oss-tagging': 'Tag1=1&Tag2=2',
35.   // 指定初始化分片上传时是否覆盖同名Object。此处设置为true，表示禁止覆盖同名Object。
36.   'x-oss-forbid-overwrite': 'true'
37. }
39. async function multipartUpload() {
40.   try {
41.     const result = await client.multipartUpload('exampledir/exampleobject.txt', uploadFile, {
42.       progress,
43.       meta: {
44.         year: 2020,
45.         people: 'test',
46.       },
47.     });
48.     console.log(result);
49.     const head = await client.head('exampledir/exampleobject.txt');
50.     console.log(head);
51.   } catch (e) {
52.     if (e.code === 'ConnectionTimeoutError') {
53.       console.log('TimeoutError');
54.       // do ConnectionTimeoutError operation
55.     }
56.     console.log(e);
57.   }
58. }
60. multipartUpload();

复制代码

之后调用multipartUpload()即可。

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。