阿里云aliyun-oss-sdk.js在浏览器上上传文件到oss

阿里云aliyun-oss-sdk.js在浏览器上上传文件到oss

阿里云aliyun-oss-sdk.js在浏览器上上传文件到oss

今天分享一个在浏览器上通过js上传到阿里云oss的完整代码。可直接运行,非常方便

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>BFW NEW PAGE</title>
    <script id="bfwone" data="dep=jquery.17&err=0" type="text/javascript" src="http://repo.bfw.wiki/bfwrepo/js/bfwone.js"></script>

    <script type="text/javascript">
        bready(function() {
            document.querySelector("#myfile").onchange = function() {
                use(["aliyun-oss-sdk.min"], function() {
                    const client = new OSS({
                        region: 'oss-cn-beijing',
                        accessKeyId: 'LTAI4FxV5ZvuoQ1mF5XhhuG5',
                        accessKeySecret: 'IYw8mnQgLj6Q7GRhhB9tzqiLz3VRqi',
                        bucket: 'bfwtest',
                    });
                    client.put('/img/uploadfil.png', document.querySelector("#myfile").files[0]).then(function(res){
                        alert("上传成功"+res.url);

                    });
                });

                };

           
        });
    </script>
    <style>
    </style>
</head>
<body>
    <h1>js实现上传本地文件到阿里云OSS</h1>
    <input type="file" id="myfile" name="myfile" />
</body>
</html>


{{collectdata}}

网友评论0

阿里云香港主机,免备案大优惠 打开浏览器开发html,体验云开发的乐趣bfweditor 打开浏览器即可开发php,bfwstudio
其他文章