2024年Web前端最新前端文件直传阿里云对象存储ali-oss(1)，零基础学前端开发

最后

一个好的心态和一个坚持的心很重要，很多冲着高薪的人想学习前端，但是能学到最后的没有几个，遇到困难就放弃了，这种人到处都是，就是因为有的东西难，所以他的回报才很大，我们评判一个前端开发者是什么水平，就是他解决问题的能力有多强。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

分享一些前端面试题以及学习路线给大家

3、需要获取到一些秘钥和基础的信息

====================================================================================

我这里是通过后台返回的一个临时秘钥，获取的

下面是封装的一个方法

const OSS = require(‘ali-oss’);

import commonApi from ‘@/api/messageCenter/common’

export default function UploadVideo(file) {

//获取临时秘钥信息

return commonApi.queryAliYunSts().then((res) => {

let client = new OSS({

region: ‘oss-cn-beijing’,// region填写Bucket所在地域。以华东1（杭州）为例，Region填写为oss-cn-hangzhou。

bucket: ‘spacebusiness’, // 填写Bucket名称。

accessKeyId: res.data.accessKeyId,// 从STS服务获取的临时访问凭证。临时访问凭证包括临时访问密钥（AccessKeyId和AccessKeySecret）和安全令牌（SecurityToken）。

accessKeySecret: res.data.accessKeySecret,

stsToken: res.data.securityToken,

expiration: res.data.expiration,

// secure: true,

});

// 支持File对象、Blob数据以及OSS Buffer。

// 填写本地文件的完整路径。如果未指定本地路径，则默认从示例程序所属项目对应本地路径中上传文件。

// 填写上传的内容。

//const data = new Blob(‘Hello OSS’);

// 填写上传的内容。

//const data = new OSS.Buffer(‘Hello OSS’);

try {

// 可以通过自定义文件名（例如exampleobject.txt）或目录（例如mytestdoc/exampleobject.txt）的形式实现将文件上传到当前Bucket或Bucket中的指定目录。

return client.put(file.name, file);

} catch (e) {

console.log(e);

}

})

JavaScript 和 ES6

在这个过程你会发现，有很多 JS 知识点你并不能更好的理解为什么这么设计，以及这样设计的好处是什么，这就逼着让你去学习这单个知识点的来龙去脉，去哪学？第一，书籍，我知道你不喜欢看，我最近通过刷大厂面试题整理了一份前端核心知识笔记，比较书籍更精简，一句废话都没有，这份笔记也让我通过跳槽从8k涨成20k。

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

如果你觉得对你有帮助，可以戳这里获取：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】*