阿里云对象存储OSS的前端直传-demo

以下是使用阿里云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应用中常用的模式，可以提供更好的用户体验和更高效的服务端处理。