web阿里云oss上传图片

最新推荐文章于 2025-04-19 16:33:14 发布

一条小码虫

最新推荐文章于 2025-04-19 16:33:14 发布

阅读量392

点赞数 1

文章标签：前端阿里云云计算

本文链接：https://blog.youkuaiyun.com/xirunxiang369/article/details/140639882

版权

// 引入阿里云OSS SDK
const OSS = require('ali-oss');
 
// 配置你的阿里云OSS信息
const client = new OSS({
  region: 'region',
  accessKeyId: 'AccessKeyId',
  accessKeySecret: 'AccessKeySecret',
  bucket: 'bucket name',
  stsToken: 'SecurityToken',
  endpoint: 'EndPoint'
});
 
// 上传文件的函数
async function put(file) {
  try {
    // 生成文件名 按自己需求生成
    const date = new Date();
    const year = date.getFullYear();
    const month = date.getMonth() + 1;
    const day = date.getDate();
    const fileName = `${year}/${month}/${day}/${Date.now()}-${file.name}`;
 
    // 上传文件
    const result = await client.put(fileName, file);
    console.log(result);
    return result;
  } catch (e) {
    console.error(e);
  }
}
 
// input选择文件
const input = document.getElementById('file-input');
input.addEventListener('change', function(e) {
  const file = e.target.files[0];
  if (file) {
    put(file); // 调用put函数上传文件
  }
});

<input type="file" id="file-input" />