OSS图片保存

<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。oss-cn-hangzhou.aliyuncs.com
            region: "oss-cn-hangzhou",
            // 从STS服务获取的临时访问密钥（AccessKey ID和AccessKey Secret）。
            accessKeyId: "我的accessKey ID",
            accessKeySecret: "我的AccressKey Sceret",
            // 从STS服务获取的安全令牌（SecurityToken）。
            //stsToken: "yourSecurityToken",
            // 填写Bucket名称。
            bucket: "我的Bucket",
        });

        // 从输入框获取file对象，例如<input type="file" id="file" />。
        let data;
        // 创建并填写Blob数据。
        //const data = new Blob(['Hello OSS']);
        // 创建并填写OSS Buffer内容。
        //const data = new OSS.Buffer(['Hello OSS']);

//上传按钮的id
        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(data.name, data, options);
                var url = result.url;
                console.log(url);
                document.getElementById("img").value = url;

                console.log(result);
            } catch (e) {
                console.log(e);
            }
        }
//当点击是上传按钮时获取选择的文件
        upload.addEventListener("click", () => {
            const data = file.files[0];
            putObject(data);
        });
    </script>

补充:需要在阿里云安全组里开放端口否则会报错

这里是开启全部接口