amazon-s3 - Amazon s3 存储桶的 Angular2 文件上传

标签 amazon-s3 angular

我知道如何以 Angular 1 上传 amazon s3 文件。我可以知道如何以 Angular 2 上传文件吗?但我没有找到任何 Angular 2 的解决方案。

最佳答案

它仍然需要更好/一些安全性。

html

<form  (ngSubmit)="onSubmit(f)" #f="ngForm" action="">
<input type="file" (change)="fileEvent($event)" />
</form>
<button (click)="uploadfile(f)">Upload file!</button>

ts

export class Page2 {
    myfile:any;
    file:any;

constructor() {
}


   uploadfile(event) {
        AWS.config.accessKeyId = 'YOUR-ACCESS-KEY';
        AWS.config.secretAccessKey = 'YOU-SECRET-ACCESS-KEY';
        var bucket = new AWS.S3({params: {Bucket: 'YOUR-BUCKET-NAME'}});
        var params = {Key: this.file.name, Body: this.file};
        bucket.upload(params, function (err, data) {
            console.log(err, data);
        });
    }


    fileEvent(fileInput: any){
        var files = event.target.files;
        var file = files[0];
        this.file = file;
    }

}

关于amazon-s3 - Amazon s3 存储桶的 Angular2 文件上传,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36010348/

相关文章:

amazon-web-services - 在生产中包含 aws-java-sdk jar

amazon-web-services - S3 PUT 的 Boto generate_url 不适用于 IAM 角色?

angular - 如何使用 ngrx/component-store 示例在初始化时不发出事件?

angular - PrimeNG 编辑器组件自动专注于页面加载

Angular - 电子邮件验证不起作用

angular - 如何从数组中预选数据到 mat-selection-list

javascript - 将 Canvas 数据上传到 s3

javascript - 是否可以从浏览器在 amazon s3 上上传流?

angular - Protractor ,根据 api 请求使用 angular2 模拟后端

javascript - 使用 Gulp 上传资源到 s3