阿里云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>
网友评论0