阿里云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