aws s3 上传文件 html,javascript 上传文件到 aws s3存储桶

直接上代码

Document

Upload

///

var credentials = {

accessKeyId: 'xxxxxxxxxxxxx',

secretAccessKey: 'xxxxxxxxxxxxxx'

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

AWS.config.update(credentials);

AWS.config.region = 'xxxxxxxxxxxx'; //设置区域

// create bucket instance

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

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.';

});

} else {

results.innerHTML = 'Nothing to upload.';

}

}, 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

aws s3 上传文件 html,javascript 上传文件到 aws s3存储桶相关推荐

html 判断本地文件存在,javascript怎么判断文件是否存在？
javascript怎么判断文件是否存在?下面本篇文章就来给大家介绍一下利用javascript判断文件是否存在的方法,希望对大家有所帮助. 在JavaScript中,可以通过ActiveXObjec ...
php七牛分片上传_ThinkPHP实现JavaScript上传大视频到七牛云实例
1.通过Composer安装七牛云PHP SDK,官方文档 2.后端核心代码如下: use Qiniu\Auth as Auth; use Qiniu\Config; use Qiniu\Storag ...
AWS s3云服务存储的介绍和上传和下载
我们项目中如果涉及到海外项目,不可避免会用到AWS s3文件的使用.Amazon Simple Storage Service (Amazon S3) 是一种面向 Internet 的存储服务.下面介 ...
cordova js(javascript)读取本地文件（将本地的bin文件转成字节数组）
此问题已经解决,解决方法参考我的博客: cordova本地存储(存取): 读取项目里的本地文件文章目录 1.下面两个比较有用: 2.下面两篇博客证明不用input标签的情况下,无法获取本地文件(包括 ...
配置跨账户S3存储桶的访问
目录 1. S3存储桶概述 2. 案例实践 2.1 资源准备 2.2 配置S3存储桶策略 2.3 配置AWS cli 2.4 测试 1. S3存储桶概述将S3存储桶的访问权限授予属于不同aws帐户的 ...
aws s3 獲取所有文件_前端上传文件到Aws S3文件服务器
2.设置CORS 由于SDK通过Ajax提交数据,需要在S3桶策略中配置跨域提交的CORS,示例中的*建议在生产环境中改成自己的域名. * PUT POST DELETE GET HEAD 3000 ...
maven 文件上传下载_使用Maven将文件上传和下载到S3
maven 文件上传下载多年来,我已经看到许多团队以许多不同的方式使用Maven. Maven可用于许多ci / cd任务,而无需使用额外的管道代码,或者可用于在运行某些测试之前准备开发环境. 通常 ...
python上传大文件s3_使用Python boto3上传Windows EC2实例中的文件至S3存储桶中
一.创建终端节点为什么要创建终端节点,把VPC和S3管理起来呢?如果不将VPC和S3通过终端节点管理起来,那么VPC中EC2实例访问S3存储桶是通过公共网络的:一旦关联起来,那么VPC中EC2实例访 ...
Amazon S3文件存储的上传下载如何测试
相信肯定有不少小伙伴的公司用到了S3,而且在测试的过程中如何去进行测试的呢,下面通过一篇文章带你入门S3的测试. S3是什么? Amazon Simple Storage Service (Amazo ...
AWS-S3通用存储操作，操作minio、oss、cos等所有兼容s3协议的云存储（含有大文件分片上传实现）
一.介绍通用存储操作common包,支持所有兼容amazon-s3协议的云存储,如minio.oss.cos等,以后客户用啥云储存一套代码都能搞定了,真棒~ 二.代码结构三.代码实现 3.1 po ...

aws s3 上传文件 html,javascript 上传文件到 aws s3存储桶

aws s3 上传文件 html,javascript 上传文件到 aws s3存储桶相关推荐

最新文章

热门文章