以下是使用阿里云OSS提供的SDK进行前端直传的基本示例代码。
首先,确保已经安装了ali-oss
npm 包:
npm install ali-oss
然后,可以使用以下代码进行直传操作:
const OSS = require('ali-oss');
async function directUploadToOSS(file) {
// 创建OSS客户端实例
const client = new OSS({
region: '<Your region>',
accessKeyId: '<Your AccessKeyId>',
accessKeySecret: '<Your AccessKeySecret>',
bucket: '<Your bucket name>',
});
// 文件直传至OSS
try {
const result = await client.put(file.name, file);
console.log(result);
return result;
} catch (e) {
console.error(e);
}
}
// 假设你有一个文件对象,例如从<input type="file">获取
const file = document.querySelector('input[type=file]').files[0];
directUploadToOSS(file);
在这个示例中,我们首先导入了ali-oss
SDK,然后定义了一个异步函数directUploadToOSS
,它接受一个文件对象作为参数。在这个函数中,我们创建了一个OSS客户端实例,并使用put
方法将文件直传到OSS。
注意:你需要替换<Your region>
, <Your AccessKeyId>
, <Your AccessKeySecret>
, 和 <Your bucket name>
为你自己的阿里云OSS配置信息。
这个简单的示例展示了如何使用阿里云OSS SDK在前端直接上传文件到OSS,避免了服务器端的存储空间和计算资源。这是现代Web应用中常用的模式,可以提供更好的用户体验和更高效的服务端处理。