awss3上传文件html,javascript上传文件到awss3存储桶

直接上代码

Upload

///

var credentials = {

accessKeyId: &＃39;xxxxxxxxxxxxx&＃39;,

secretAccessKey: &＃39;xxxxxxxxxxxxxx&＃39;

}; //秘钥形式的登录上传

AWS.config.update(credentials);

AWS.config.region = &＃39;xxxxxxxxxxxx&＃39;; //设置区域

// create bucket instance

var bucket = new AWS.S3({ params: { Bucket: &＃39;xxxxxxxxx&＃39; } }); //选择桶

var fileChooser = document.getElementById(&＃39;file-chooser&＃39;);

var button = document.getElementById(&＃39;upload-button&＃39;);

var results = document.getElementById(&＃39;results&＃39;);

button.addEventListener(&＃39;click&＃39;, function() {

var file = fileChooser.files[0];

if (file) {

results.innerHTML = &＃39;&＃39;;

var params = { Key: file.name, ContentType: file.type, Body: file, &＃39;Access-Control-Allow-Credentials&＃39;: &＃39;*&＃39;, &＃39;ACL&＃39;: &＃39;public-read&＃39; }; //key可以设置为桶的相抵路径，Body为文件， ACL最好要设置

console.log(params)

bucket.upload(params, function(err, data) {

console.log(err); //打印出错误

results.innerHTML = err ? &＃39;ERROR!&＃39; : &＃39;UPLOADED.&＃39;;

});

} else {

results.innerHTML = &＃39;Nothing to upload.&＃39;;

}

}, false);

2.需要在aws s3中的cors进行配置如下图

附代码

*

GET

PUT

POST

DELETE

ETag

*

如果出现 TypeError: m.upload.addEventListener is not a function

查看是否在文件中引入mock把它去掉就ok了

来源：https://www.cnblogs.com/lyjfight/p/12942829.html