|
|
@@ -0,0 +1,56 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+ <head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <title>Document</title>
|
|
|
+ </head>
|
|
|
+ <body>
|
|
|
+ <input id="file" type="file" />
|
|
|
+ <button id="upload">上传</button>
|
|
|
+ <script src="https://gosspublic.alicdn.com/aliyun-oss-sdk-6.18.0.min.js"></script>
|
|
|
+ <script>
|
|
|
+ const client = new OSS({
|
|
|
+ // yourRegion填写Bucket所在地域。以华东1（杭州）为例，yourRegion填写为oss-cn-hangzhou。
|
|
|
+ region: "oss-cn-hangzhou",
|
|
|
+ // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
|
|
|
+ accessKeyId: "STS.NV7VPCCHGfMPG5xFpdNLRQ8xY",
|
|
|
+ accessKeySecret: "CJ4AeVxAfu7YZcynYAuG5neeoqYpx4TZJafNp3U8NoJ6",
|
|
|
+ // 从STS服务获取的安全令牌（SecurityToken）。
|
|
|
+ stsToken: "CAIS9AF1q6Ft5B2yfSjIr5WCHer3rpdm0Y+7RRPJonAxQsN+vv3Tuzz2IHhMfHdoCeAet/s0lGpY5vYflqZ5Qp5eRVHFbdY155hS8AX54hJsaA/sv9I+k5SANTW5KXyShb3/AYjQSNfaZY3eCTTtnTNyxr3XbCirW0ffX7SClZ9gaKZ8PGD6F00kYu1bPQx/ssQXGGLMPPK2SH7Qj3HXEVBjt3gX6wo9y9zmm53Du0uD1QWhmr5K9tSsGPX+MZkwZqUYesyuwel7epDG1CNt8BVQ/M909vccoW+Z5oHNWwAOuEXcY7qEr8cBNgZ8YbMhC0f/YkEOchsSGoABRXbZO3Bad6G/sxHKOwwOZRHsBlPNeKHc++JKUqsjtgDZ/SO67Z5dDjmCjVQ1fHN3Qme7vpvcJioxBE+ZbfovIrBLVvnP6UpktNg4h1FYLqj6ePdbGFtKhAbXTy6sWw4ed0bX/xiTQXx7jR0njhl9IaCgvxRWzDGrwmGn5ac84HEgAA==",
|
|
|
+ // 填写Bucket名称。
|
|
|
+ bucket: "baishuihu",
|
|
|
+ });
|
|
|
+
|
|
|
+ // 从输入框获取file对象，例如<input type="file" id="file" />。
|
|
|
+ let data;
|
|
|
+ // 创建并填写Blob数据。
|
|
|
+ //const data = new Blob(['Hello OSS']);
|
|
|
+ // 创建并填写OSS Buffer内容。
|
|
|
+ //const data = new OSS.Buffer(['Hello OSS']);
|
|
|
+
|
|
|
+ const upload = document.getElementById("upload");
|
|
|
+
|
|
|
+ async function putObject(data) {
|
|
|
+ try {
|
|
|
+ // 填写Object完整路径。Object完整路径中不能包含Bucket名称。
|
|
|
+ // 您可以通过自定义文件名（例如exampleobject.txt）或文件完整路径（例如exampledir/exampleobject.txt）的形式实现将数据上传到当前Bucket或Bucket中的指定目录。
|
|
|
+ // data对象可以自定义为file对象、Blob数据或者OSS Buffer。
|
|
|
+ const options = {
|
|
|
+ meta: { temp: "demo" },
|
|
|
+ mime: "json",
|
|
|
+ headers: { "Content-Type": "text/plain" },
|
|
|
+ };
|
|
|
+ const result = await client.put("images/test.png", data, options);
|
|
|
+ console.log(result);
|
|
|
+ } catch (e) {
|
|
|
+ console.log(e);
|
|
|
+ }
|
|
|
+ }
|
|
|
+
|
|
|
+ upload.addEventListener("click", () => {
|
|
|
+ const data = file.files[0];
|
|
|
+ putObject(data);
|
|
|
+ });
|
|
|
+ </script>
|
|
|
+ </body>
|
|
|
+</html>
|
