Amazon s3存储桶的Angular2文件上传

Dee*_*pak 6 amazon-s3 angular

我知道如何做角度1的亚马逊s3文件上传.我可以知道如何上传角度2的文件.但我没有找到角度2的任何解决方案.

CES*_*SCO 5

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

HTML

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

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

}
Run Code Online (Sandbox Code Playgroud)

  • 将秘密放在客户端js是否安全? (6认同)
  • 这个类“AWS”从哪里来? (2认同)
  • @CESCO我使用了你的代码,但当我添加这行var files = event.target.files; 它显示的错误信息是: - 'EventTarget'类型中不存在属性'文件'.我用过anjular2 (2认同)