Angular2 upload di File per Amazon s3 secchio

So come si fa amazon s3 caricamento di file in angolare 1. Vorrei sapere come caricare file in angolare 2. ma non ho trovato nessuna soluzione angolare 2.

Si potrebbe aggiungere suggerimento circa il modo in cui hai fatto in Angular1? In questo modo, sarà in grado di adattare il codice per Angular2…
Ho usato questo metodo per caricare il file in amazon secchio in angularjs cheynewallace.com/uploading-to-s3-with-angularjs
avete avuto La possibilità Di controllare la mia risposta?

OriginaleL’autore Deepak rao | 2016-03-15

3 risposte

  1. 5

    Deve ancora meglio/un po ‘ di sicurezza.

    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;
        }
    
    }
    
    Da dove arriva questa classe AWS è venuto da?
    E ‘ AWS js sdk @CassioLandim
    è sicuro di mettere il segreto sul lato client js ?
    Ho usato il tuo codice, ma quando ho aggiunto questa riga var file = evento.target.file; mostrando il suo messaggio di errore è :- Proprieta ‘dei file non esiste sul tipo ‘EventTarget’. Ho usato anjular2
    Ho avuto lo stesso problema. Provare a utilizzare fileInput invece. Dovrebbe sbarazzarsi del EventTarget errore fileEvent(fileInput: qualsiasi){ var file = fileInput.srcElement.file; var file = file[0]; questo.file = file; }

    OriginaleL’autore CESCO

  2. 3

    Se si utilizza una Rotaie backend (o anche Nodo) la soluzione più semplice è creare un presigned url (che deve essere un PUT) e poi usare un Angolare servizio di call che PUT e allega il file nel corpo della richiesta.

    Si può leggere di più su come ho fatto qui.

    OriginaleL’autore rmcsharry

  3. 0

    Non so se hai risolto questo problema, già, ma tutto quello che dovete fare è ricostruire il post di richiesta si invia per S3

    È possibile verificare questo:
    https://github.com/ntheg0d/angular2_aws_s3

    grazie. ho convertito questo link in angular2 ora il suo lavoro bene. grazie per il vostro sostegno
    Puoi pubblicare i tuoi Angolare 2 codice? Sto avendo problemi
    controllare il GitHub link che ho postato sopra, il codice potrebbe essere obsoleto tho
    vedi la mia risposta un link a come ho risolto questo, un sacco di Angolare codice mostrato.

    OriginaleL’autore ntheg0d

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *