AWS S3 JAVASCRIPT SDK 上传

2021-03-11 03:33

阅读:560

标签:creat   script   upload   rgb   listen   file   click   rip   形式   

DOCTYPE html>
html lang="en">

head>
    meta charset="UTF-8">
    title>Documenttitle>
    
    script src="https://sdk.amazonaws.com/js/aws-sdk-2.235.1.js">script>
head>

body>
   input id="file-chooser" type="file"/>
    button id="upload-button">Uploadbutton>
    p id="results">p>p>
    script type="text/javascript">
    /// 
    var credentials = {
        accessKeyId: xxx,
        secretAccessKey: xxxxxxxxxxxxxxx
    }; //秘钥形式的登录上传
    AWS.config.update(credentials);
    AWS.config.region = us-east-1; //设置区域
    AWS.config.endpoint = http://114.xx.xx.xx:9000/ysx;
    AWS.config.sslEnabled = false;
    AWS.config.s3BucketEndpoint = true;
    
    // create bucket instance
    var bucket = new AWS.S3({ params: { Bucket: xxx } }); //选择桶
    var fileChooser = document.getElementById(file-chooser);
    var button = document.getElementById(upload-button);
    var results = document.getElementById(results);
    button.addEventListener(click, function() {
        var file = fileChooser.files[0];
        if (file) {
            results.innerHTML = ‘‘;
            var params = { Key: file.name, ContentType: file.type, Body: file, Access-Control-Allow-Credentials: *, ACL: public-read }; //key可以设置为桶的相抵路径,Body为文件, ACL最好要设置
            console.log(params)
            bucket.upload(params, function(err, data) {
                console.log(err); //打印出错误
                results.innerHTML = err ? ERROR! : UPLOADED.;
                console.log(data);
            });
        } else {
            results.innerHTML = Nothing to upload.;
        }
    }, false);
    script>
body>

html>

 

AWS S3 JAVASCRIPT SDK 上传

标签:creat   script   upload   rgb   listen   file   click   rip   形式   

原文地址:https://www.cnblogs.com/goldenstones/p/14134357.html


评论


亲,登录后才可以留言!