Angular2 upload de Fichier pour le compartiment Amazon s3

Je sais comment le faire amazon s3 téléchargement de fichiers angulaire 1. Pouvez-vous me dire comment faire pour télécharger le fichier angulaire 2. mais je n'ai pas trouvé de solution angulaire 2.

Pourriez-vous ajouter un indice sur la façon dont vous l'avez fait dans Angular1? De cette façon, je serai en mesure d'adapter votre code pour Angular2...
J'ai utilisé cette méthode pour télécharger le fichier en amazon un seau en angularjs cheynewallace.com/uploading-to-s3-with-angularjs
avez-vous eu La chance De voir ma réponse?

OriginalL'auteur Deepak | 2016-03-15

  1. 5

    Il doit encore mieux/une certaine sécurité.

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

}
    D'où vient cette classe AWS vient?
    C'est AWS js sdk @CassioLandim
    est-il sûr de mettre le secret sur le côté client js comme ça ?
    J'ai utilisé votre code, mais quand j'ai ajouté cette ligne var fichiers = event.cible.fichiers; son montrant message d'erreur qui est :- la Propriété "fichiers" n'existe pas sur le type "EventTarget'. J'ai utilisé anjular2
    J'ai eu le même problème. Essayez d'utiliser fileInput à la place. Devrait se débarrasser de la EventTarget erreur fileEvent(fileInput: tout){ var files = fileInput.srcElement.fichiers; var fichier = files[0]; ce.fichier = fichier; }

    OriginalL'auteur CESCO

  2. 3

    Si vous utilisez un Rails de backend (ou même Nœud) la solution la plus simple est de créer un presigned url (qui doit être un PUT) et ensuite utiliser un Angulaires service d'appel que METTRE et attacher le fichier dans le corps de la demande.

    Vous pouvez en savoir plus sur la façon dont je l'ai fait ici.

    OriginalL'auteur rmcsharry

  3. 0

    Je ne sais pas si vous avez résolu ce problème déjà, mais tout ce que vous avez à faire est de reconstruire le poste demande, vous envoyer à S3

    Vous pouvez vérifier ceci:
    https://github.com/ntheg0d/angular2_aws_s3

    merci. j'ai converti ce lien en angular2 maintenant sa fonctionne bien. merci pour votre soutien
    Vous pouvez poster votre Angulaire 2 code? Je vais avoir des ennuis
    vérifiez le GitHub lien que j'ai posté ci-dessus, le code peut être dépassée tho
    voir ma réponse pour un lien pour comment j'ai résolu ce problème, beaucoup de Angulaire code indiqué.

    OriginalL'auteur ntheg0d