前端直传实现步骤简述及代码示例:
AccessKeyId
和AccessKeySecret
。设置Bucket的CORS规则允许前端域名访问。配置STS服务,为前端应用获取临时安全凭证。 /get_sts_token
),返回包含AccessKeyId、AccessKeySecret、SecurityToken的STS临时凭证。 javascript // 引入OSS SDK const OSS = require('ali-oss'); async function uploadFile(file) { // 从后端获取STS临时凭证 const stsResponse = await fetch('/get_sts_token'); const { accessKeyId, accessKeySecret, securityToken } = await stsResponse.json(); // 初始化OSS客户端 const client = new OSS({ region: '', bucket: '', accessKeyId, accessKeySecret, stsToken: securityToken, }); try { // 上传文件 const result = await client.put(file.name, file); console.log('Upload success:', result.url); } catch (err) { console.error('Upload failed:', err); } } // 文件选择后触发上传 document.getElementById('fileInput').addEventListener('change', (e) => { const file = e.target.files[0]; if (file) { uploadFile(file); } });
请注意替换和
为实际的Bucket区域和名称。此示例展示了如何在用户选择文件后,使用从后端获取的STS临时凭证上传文件至OSS。参考链接:
Java安装https://help.aliyun.com/zh/oss/developer-reference/java-installation
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。